1.text-align
这个属性是用来对齐行内内容的,所以,不应该对块级内容起作用
<!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8"> <style> .demo{ width:200px; background:purple; text-align:center; height:100px; } .demo1{ width:100px; height:80px; display:inline; background:blue; text-align:center; } </style> </head> <body> <div class="demo"> <div class="demo1">
123
</div> </div> </body> </html>
按照标准的css规范,这里面demo1如果不加入display:inline是不会居中对齐的,
但在IE6/7及IE8混杂模式中,text- align:center可以使块级元素也居中对齐。其他浏览器中,text-align:center仅作用于行内内容上。