为了账号安全,请及时绑定邮箱和手机立即绑定

请问CSS中text-align:center不能居中?

/ 猿问

请问CSS中text-align:center不能居中?

大话西游666 2019-06-25 15:10:41

CSS中text-align:center不能居中


查看完整描述

4 回答

?
慕斯卡3215842

text-align:center 与 <CENTER>
您可能会认为 text-align:center 与 <CENTER> 元素的作用一样,但实际上二者大不相同。

<CENTER> 不仅影响文本,还会把整个元素居中。text-align 不会控制元素的对齐,而只影响内部内容。元素本身不会从一段移到另一端,只是其中的文本受影响。

查看完整回答
反对 回复 2019-06-29
?
至尊宝的传说

<div style="text-align:center">
adsfasdfasdf
<p>asdfasdf</p>
<div style="display:block; width:200px; background-color:yellow" >div1</div>
</div>
<div>
<center>
adsfasdfasdf
<p>asdfasdf</p>
<div style="display:block; width:200px; background-color:yellow" >div2</div>
</center>
</div>

<center>是将所有被包含的元素都居中显示,而text-align:center只是将元素下面的内联元素居中显示。例子就是黄色div是block块元素,用text-align:center没用,居左; 下面的用<center>会居中。

css中可用align:center : 和<center>标签效果一致。

<div align="center"> asdasdfljsadfj
<div style="display:block; width:200px; background-color:yellow" >balablkaa</div>
</div>

另外块元素通常用margin:0 auto实现居中。


查看完整回答
反对 回复 2019-06-29
?
慕圣8478803

text-align:center;在IE高级版本和非IE浏览器中只是让元素内内容居中显示,如果要整理居中需要用到margin:auto。
比如:
<style>
.abc{clear:both;width:600px;height:300px;border:1px solid red;text-align:center;}
</style>
<div class="abc">这里写文字或其他内容标签</div>
在非IE浏览器中,上面的实例只是里面的文字居中了

<style>
.abc{clear:both;width:600px;height:300px;border:1px solid red;text-align:center;margin:auto;}
</style>
<div class="abc">这里写文字或其他内容标签</div>
上面的实例加了margin:auto,实现整体居中,兼容全部浏览器。




查看完整回答
反对 回复 2019-06-29
?
慕斯709654

因为你footer没有居中啊o(╯□╰)o。

你应该在CSS里面加这条属性:

#footer {
margin-left: auto;
margin-right: auto;

}
如果还不行的话可以给footer设置一个具体的宽度-。-然后margin: auto;
还有一种方法是给footer一个和上方页面等宽的宽度也行。


查看完整回答
反对 回复 2019-06-29

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信