css 两个div一行居中显示,CSS：多个DIV在同一行居中显示的一种实现方法

在项目开发中，画面经常有多个DIV的内容显示在一行的要求。

比如HTML

你好，这是div1的第一行。

你好，这是div1的第二行

你好，这是div2的第一行。

你好，这是div3的第一行。

你好，这是div3的第二行

怎么居中显示在一行呢？使用inline-block来做这个处理。

.div_allinline

{

text-align:center;

margin:0 auto;

padding:0;

clear:both;

}

.subdiv_allinline

{

margin:0;

padding:0;

display:inline-block;

_display:inline;

*display:inline;

zoom:1;

}

IE6，IE7中不支持inline-block，所以针对IE6，IE7写了下面的三个属性。

_display:inline;

*display:inline;

zoom:1;

这样貌似就主流的浏览器里面都能够正常显示。div的宽度可以根据情况设置。

css 两个div一行居中显示,CSS：多个DIV在同一行居中显示的一种实现方法相关推荐

小米路由器显示无法连接到服务器,小米路由无法连接WIFI的五种解决方法【图解】...
越洋帮路由网原创:文章是关于"小米路由无法连接WIFI的五种解决方法[图解]"的相关知识分享,希望可以帮到大家. - 素材来源网络编辑:小易.小米路由连接WIFI无法上网该怎么办 ...
51模拟器显示服务器连接失败,安装51模拟器时显示文件缺失的三种处理方法
安装51模拟器时显示文件缺失该怎么处理呢?下面就是小编给大家分享的三种处理方法,赶紧来看看吧,希望能帮助到大家哦. 某些电脑由于缺失"mvscp100.dll" , "n ...
两部苹果手机同步照片_怎么恢复苹果手机删除的照片？今天教你三种找回方法...
原标题:怎么恢复苹果手机删除的照片?今天教你三种找回方法怎么恢复苹果手机删除的照片?手机的出现虽然带给我们很大便利,同时却也带来了一些小的麻烦.在手机上很多操作步骤都很简单,因此,难免会遇到手滑误操 ...
☆超简单css两张静态图片制作动态星空图（无需js和canvas,附所有代码复制即可用）
css两张静态图片制作动态星空图上个效果图,gif图像质量问题所以显示月亮蓝边,实际上很好看需要素材: star.html代码如下 <html lang="en"> ...
div 左右并排,使用CSS如何让两个div并排显示
用CSS如何让两个DIV盒子并排体现呢? 各人知道默认情况下DIV是独占一排的,DIV不设置任何CSS格局,这个DIV盒子都邑独有一行踊跃换行. 运用CSS让两个DIV并排闪现,排成一排显示思空见贯方 ...
三个并排居中html,css如何让三个DIV并列在一行中
--好评和差评--&gt:center;100&lt:73px;} html文件.news_con_oth{height:right; width:hidden:470px; < ...
html两个div一个在前一个在后,html/css 两个div在同一行
在界面设计的时候,经常需要将两个div在同一行显示. 但是每次都会忘记怎么做,特此随笔,备忘. 如以下要将"第一个div"和"第二个div"显示在同一行: /* ...
css div横屏超长滚动,CSS实现DIV超长截断，并显示...
DIV显示内容有时会超长,并把页面撑的很难看, 以前的做法是在JS中,或者后台判断其长度,过长就截断, 但由于中英文数字展示的宽度并不一样,截断的长度也就只能取最小值, 展示的效果也不好.利用CSS提 ...
html中div文字垂直居中显示,CSS文本和div垂直居中方法总结
在样式布局中,我们经常碰到需要将元素居中.通过css实现元素的水平居中较为简单:对文本,只需要对其父级元素设置text-align: center;,而对div等块级元素,只需要设置其left和rig ...

css 两个div一行居中显示,CSS：多个DIV在同一行居中显示的一种实现方法

css 两个div一行居中显示,CSS：多个DIV在同一行居中显示的一种实现方法相关推荐

最新文章

热门文章