Question

html页面布局中，<div align="center"> 和<div style="align

html页面布局中，<div align="center"> 和<div style="align:center"> 渲染效果应该一样的吧？ 可我在测试时第一种方法可以居中，而第二种方法就不行了，它是左对齐。这是怎么回事啊？请各位牛人解释一下！

Answer 1

您好：
这是因为align=center居中属性是html的 所以你可以使用，但是style 这是css样式，css样式中没有align：center这一项属性，所以就没有用了呢；如果您想居中的话文字居中是text-aligin：center；div居中是margin：auto；

很高兴能为您解答，希望能帮到您，满意请及时采纳

追问

如果div中是 或者时，该使用text-align:center呢，还是margin:auto？另外，margin:auto是上下、左右都居中吗？

追答

是的。margin不是有上下左右的属性吗。这要看你怎么应用了，一般都是嵌套的 需要用的个别属性的时候 嵌套在span中或者div中加属性 你可以用css属性或html属性

追问

谢谢！如果div中是 或者时，该使用text-align:center呢，还是margin:auto？

追答

div中一般input 没人会应用text-align的 文字居中很难看的 输入用户名 密码 您见过两边空白，中间出字的吗？说实话，真的很丑
至于图片 text居中是给文字居中的 图片居中 可以直接在css中img{ 给属性，你想调的位置}

追问

刚我试了一下:
在一个div里放了两个，div里使用style="margin: 0 auto"，可是并没有达到水平居中。这是怎么回事呢？

按照你的说法，div使用margin对齐，这两个button应该可以水平居中的啊？

追答

.dv{
border:1px solid #f00;
width: 210px;
height: 210px;
}
.st{
width: 40px;
border:1px solid #ff0;
}

你看看你写的什么问题。可能是因为div是块不是内联。所以你要div设置固定宽高。
得你这几分真不容易啊。。。

追问

给你！采纳啦！

追答

谢谢TvT 泪奔

Answer 2

<div align="center">是dive框架中的居中，写法正确。

<div style="align">style后边跟着的应该是CSS的样式，写法不正确。

衍生：布局居中的写法。

1. <div align="center"> 在框架内所有内容都居中。

2. <div style="XXX">这里的有以下几种；文字居中：text-aligin：center 
   div居中：margin：auto；

Answer 3

<div align="center"> 这一种写法是对的，

不过<div style="align:center"> 这个写法就是错的，div的style样式属性里面不存在align:center这个居中写法，应该是text-align:center这样的。你试试！

追问

谢谢！你是确定div的style里没有align属性？

追答

非常的确定，你可以自己到编辑器里面编辑一下就知道了。

Answer 4

你好，想要你的div居中，常见的标准写法是：
style="margin-left:auto;margin-right:auto;" 。

Answer 5

这种行内属性已经淘汰了，还是学习新的吧，这个是table时代的。

追问

应该是div的时代吧？现在很多大型网站的整个布局都不见table。

追答

我是说你用的align="center"是table时代的，现在都是用style="text-align:center"，来达到居中的效果

追问

哦 谢谢！
div的style里有没有align属性？
我想知道text-align和align有何区别？还是div中这两种属性都存？

追答

style里有没有align属性，text-align是css的写法