如何定义让两个div横向排列

方法一：

一般情况，默认的div是写一个换一行，那么如何定义两个div横向排列而不换行呢？

div默认的display属性是block。所以每一个div都是新的一行，现在把display换成inline就不会换新行了。

方法二：

这里使用float:right属性。float做为CSS中的一个属性定义元素向哪个方向浮动。

float:right 文本或图像会移至父元素中的右侧。

注意有写情况float属性必须配合width使用，否则失效。

.bg10 {
background-image:url(../images/news_r6_c4.jpg);
height:24px;
line-height:24px;
color:#939393;
}

height:24px; 和 line-height:24px; 高度一致，文字垂直居中。

附图：显示的效果

转载于:https://www.cnblogs.com/Mblog/archive/2010/01/15/1648337.html

如何定义让两个div横向排列相关推荐

div横排 html_HTML+CSS-如何定义让两个div横向排列
方法一: 一般情况,默认的div是写一个换一行,那么如何定义两个div横向排列而不换行呢? div默认的display属性是block.所以每一个div都是新的一行,现在把display换成inlin ...
实现让两个DIV横向排列方法揭秘
你对如何定义让两个DIV横向排列的方法是否熟悉,这里和大家分享一下,主要有两种方法,一种是把display换成inline,另一种就是使用float:right属性,相信本文介绍一定会让你有所收获的. ...
两个div横向排列，顶端对齐的方式。
2019独角兽企业重金招聘Python工程师标准>>> 两个div横向排列,顶端对齐的方式. 博客分类: div css 两个div横向排列,顶端对齐的方式. 1.左右两个div都设 ...
实现让两个DIV横向排列方法
http://developer.51cto.com/art/201009/225811.htm
多个div横向排列的几种方法
以下面这组 div 为例,group的高度由内容撑开 <div id="group"><div id="div1">div1</d ...
html5:div 横向排列的方法。
div 横向排列的方法. 以下面这组 div 为例,wrap 的高度由内容撑开 <div id="wrap"><div id="div1"&g ...
html5中div怎么横着写,html5:div 横向排列的方法
div 横向排列的方法. 以下面这组 div 为例,wrap 的高度由内容撑开 div1 div2 div3 平时是这样的,上下排列~ float 浮动 #div1{ float: left; } # ...
css+div横向排列自动换行 - Kaiqisan
大家好,都吃了吗?我是Kaiqisan,是一个不善言辞的羞射男孩,在我们使用div+css布局的时候,由于div是块级元素,在排列的时候总是会自动换行.现在有一个需求就是要能自动换行. <div ...
html多个div纵向排列,多个div横向排列
画面要求显示一定数量的div元素,比如20个然后有一个下拉列表来指定每页显示的个数, Case1: 如果每屏显示2个想要的结果就是当前屏幕显示前两个div元素和一个横向滚动条滚动条往右拖,显示 ...

如何定义让两个div横向排列

如何定义让两个div横向排列相关推荐

最新文章

热门文章