1:如何让div相对于它的父标签居中对齐
<html>
<body>
<div >
</div>
</body>
</html>
答案:首先得给这个div定义一个宽度width,然后margin: 0 auto;
<div style="width:960px;margin:0 auto">
2:今天无意中发现了align和text-align,想好好看下一他们的区别。
1.align :规定 “div 元素”中的内容的水平对齐方式。
2.text-align:规定“元素中”的文本的水平对齐方式。
</div>
text-align(text-align则是Css的属性):
2.text-align:规定“元素中”的文本的水平对齐方式。
两个属性使用的地方不一样,但是作用一样!align相对来说比较“窄”;比如:
align(align是div的属性):
<div align="center">
This is some text!</div>
text-align(text-align则是Css的属性):
<div style="text-align:center">
二者都可以让div的内容居中,最好自己去试试,
3:做2中的测试,发现一个问题
<td align='center'>
<table><tr><td></td></tr></table>
</td>
<td style='text-align:center'>
<table><tr><td></td></tr></table>
</td>
上面两种方式都无法使td里面的table居中对齐,原因是align几乎被遗弃了,现在浏览器几乎不支持这个属性,
而text-align:center只能让元素里面的内容对齐,而不能让元素里面的元素居中(相当于只针对文字)
4:如何解决3中的问题呢?
还得从table元素自身出发,
<td >
<table style=‘margin:0px auto’><tr><td></td></tr></table>
</td>
搞定!