HTML元素居中定位与尺寸拉伸_html/css_WEB-ITnose

块级元素就是那些自为一行的元素，有高度宽度。行内元素没有高度，行内块级元素有高度，不换行。

好了，下面用几个刚刚试验的例子把这部分知识小记一下，为日后深入学习打基础。

1.水平居中

非块级元素水平居中 ：

设置父元素的text-align:center就可以了。

块级元素水平居中 ：

position不是absolute也不是fixed时（也就是并未脱离文档流），margin-left=margin-right=auto,块级元素width不是aoto，就可实现水平居中。

 1   2   3       4       5           6             #header{ 7                 border: 1px solid red; 8                 height: 100px; 9             }10             #container{11                 border: 1px solid blue;12                 margin:0 auto;13                 width: 300px;14                 height: 300px;15                 text-align: center;16             }17          18      19      20         
header

      
查看更多关于HTML元素居中定位与尺寸拉伸_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did114158