怎么让div居中(注意table也可以算是一个div)

来源:互联网 发布:war3改建器for mac 编辑:程序博客网 时间:2024/04/26 06:42
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:规定“元素中”的文本的水平对齐方式。

两个属性使用的地方不一样,但是作用一样!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>

搞定!


0 0
原创粉丝点击