DIV布局的设置（水平或者垂直居中）

HTML 代码

<ul><li><div class="list"><div><img src="/imgs/tuan/head_0002s_0001s_0000.png" alt=""></div><div class="transaction"><div>疯狂的小萝卜</div><div><span>2016-7-15</span><span>20:13:12</span></div></div><div class="transaction_treat"><div>+5.8</div><div>交易成功</div></div></div></li></ul>

DIV垂直排列

.list{/* Firefox */display:-moz-box;-moz-box-orient:horizontal;/* Safari、Opera 以及 Chrome */display:-webkit-box;-webkit-box-orient:horizontal;}

DIV水平排列

.transaction,.transaction_treat{/* Firefox */display:-moz-box;-moz-box-orient:vertical;/* Safari、Opera 以及 Chrome */display:-webkit-box;

DIV布局的设置（水平或者垂直居中）相关推荐

DIV或者DIV里面的图片水平与垂直居中的方法 - 站住，别跑 - 博客园
DIV或者DIV里面的图片水平与垂直居中的方法 <div class="box"><img /> </div> 水平居中的常用方式: text- ...
实现div元素和文字水平及垂直居中的方法（超简单，适应各种场合）
实现实现div元素和文字水平及垂直居中的方法如下: div元素水平居中:style="margin:0 auto" div元素垂直居中:style="padding: ( ...
如何让DIV相对于body水平和垂直居中
我们在设计页面的时候,经常要把DIV居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示.我们传统解决的办法是用纯CSS来让DIV居中.在本文中,我将给大家讲述如何用CSS和jQu ...
让div在body中水平和垂直居中
我们在设计页面的时候,经常要把DIV居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示.我们传统解决的办法是用纯CSS来让DIV居中.在本文中,我将给大家讲述如何用CSS和jQu ...
h5中设置div中的内容水平并垂直居中
1.水平居中 text-align: center 2.垂直居中,设置line-height等于div的高度例: <div style="height: 100px; backgro ...
DIV和Table的水平、垂直居中
2019独角兽企业重金招聘Python工程师标准>>> 一般图片的居中问题容易解决,我的解决方法是通过样式设置: background-image:url(path) //链接图片 ...
css设置标签的水平与垂直居中，定位与弹性盒布局的的结合
在一般情况下利用css在对标签进行水平与垂直居中的时候利用弹性盒布局可以轻易解决,只需设置父级标签的主轴与交叉轴居中即可,代码如下: <!DOCTYPE html> <html> ...
div中的内容水平垂直居中
1. div高度自适应的情况 div在不设置高度的时候,会被里面的内容撑开,内容自动填充在div中,无论是一行内容还是多行内容,此时不需要设置垂直居中,内容自动在中间的, 想要看的更直观些,只需要加上 ...
Css学习总结（3）——CSS布局解决方案 - 水平、垂直居中、多列布局、全屏布局
居中布局水平居中子元素于父元素水平居中且其(子元素与父元素)宽度均可变. inline-block + text-align <div class="parent"> ...

DIV布局的设置（水平或者垂直居中）

HTML 代码

DIV垂直排列

DIV水平排列

DIV布局的设置（水平或者垂直居中）相关推荐

最新文章

热门文章