老师,您好,麻烦看下截图中的区域为什么不能居中?

来源:2-10 作业题

一名前端小白

2020-07-24 23:17:16

http://img.mukewang.com/climg/5f1afa6809bc3ad008090388.jpg

<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”水平居中。如果不是,请同学详细描述一下问题,以便老师更快的为你解答问题。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

0

0 学习 · 40143 问题

查看课程