老师,您好,麻烦看下截图中的区域为什么不能居中?
来源:2-10 作业题
一名前端小白
2020-07-24 23:17:16
<div class="content">
<div class="title">A WORD ABOUT US</div>
<!-- <div class="box">
<div class="">Praesent dignissim viverra est, sed bibendum ligula
congue non. Sed ac nislet felis gravida commodo? suspendisse
eget ullamcorper ipsum. suspendisse diam amet.
</div>
<div>elplore</div>
</div> -->
<div class="mid-image">
<img src="image/bb3.jpg">
</div>
<div class="right-content">
<div>
<div>70000</div>
<div>Students</div>
</div>
<div>
<div>600</div>
<div>Faculty</div>
</div>
</div>
<div calss="clear"></div>
</div>
.content{
width:100%;
text-align: center;
}
1回答
好帮手慕久久
2020-07-25
同学你好,同学所说的居中,是指“content”设置了text-align:center;之后,子元素为什么不能水平居中吗?如果是的话,因为子元素设置了浮动,而text-align:center;对浮动元素无效。该块内容整体居中,可以给“content”设置固定宽度,比如1200px,然后使用margin:0 auto;设置“content”水平居中。如果不是,请同学详细描述一下问题,以便老师更快的为你解答问题。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
相似问题