一
display:inline 的作用是设置对象做为行内元素显示,inline是内联对象的默认值(ps:内联对象就是不自动产生换行的元素,比如span) 而我们一般用的div是块级元素,默认display属性是block, 但将div的display设置为inline的话,则多个div可以像span一样显示在一行了。
用途:让块级元素变换为行内元素并显示 。
效果:变为行内显示。
二
margin:0 auto;是使自身在浏览器内居中,需要配合宽度使用:
1
2
3
|
<
div
stley
=
"width:500px;height:200px;border:1px solid #000000;margin:0 auto;"
>
使用margin:0 auto;后不要设置float:left和right,否则会失效
</
div
>
|
text-align:center;是使标签的内容居中:
1
2
3
|
<
div
stley
=
"width:500px;height:200px;border:1px solid #000000;margin:0 auto;text-align:center;"
>
使用text-align:center;后,此div中的内容会居中
</
div
>
|