怎么让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:规定“元素中”的文本的水平对齐方式。
</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>
搞定!
0 0
- 怎么让div居中(注意table也可以算是一个div)
- 怎么让DIV居中
- css怎么让div居中
- div+css 怎么让一个小div在另一个大div里面 垂直居中
- div+css 怎么让一个小div在另一个大div里面 垂直居中
- 外部一个div固定宽高,内部img也固定宽高,怎么让img在外部div中垂直居中对齐
- 如何让Div中的Table居中
- 如何让div中的table居中
- 如何让Div中的Table居中
- 如何让Div中的Table居中
- CSS中怎么让DIV居中
- CSS中怎么让DIV居中
- CSS中怎么让DIV居中
- CSS中怎么让DIV居中
- CSS中怎么让DIV居中
- CSS中怎么让DIV居中
- CSS中怎么让DIV居中
- CSS中怎么让DIV居中
- Java逻辑运算符||与|
- ajax() 方法详解——结合项目
- iOS 10 的各种适配问题
- 一个简单的时间获取客户端/服务器程序
- 回忆java来时路-第三章 谈谈java相关的书籍
- 怎么让div居中(注意table也可以算是一个div)
- GitHub这么火,程序员你不学学吗? 超简单入门教程 干货
- 伪静态.htaccess的练习
- 如何解决高并发问题
- 第八章-Swift and Cocoa
- 求N!的长度【数学】
- 二维完全背包
- JavaEE项目实战(OA系统)之十五_员工管理之四
- 基本数据类型与字符串之间的转换