老师，为何我标题老是居中不了主体部分文字还不能自动换行？？

首页课程实战体系课手记专栏慕课教程

来源：2-7 编程练习

Jokerjue

2019-04-26 09:39:26

<!DOCTYPE html>

<html>

<head>

<title>CSS布局</title>

/*此处写代码*/

padding:0;

margin:0;

}

.both{width:1000px;

height:700px;

margin:0 auto;

}

.both .title{text-align:center;

width:100px;

font-size:20px;

padding-top:40px;

}

.main{width:1000px;

font-family:"微软雅黑";

}

.left,.right{

width:450px;

padding:25px;

}

.left{float:left;}

.right{float:right;}

img{width:450px;

height:240px;

}

dd{font-size:20px;}

</style>

<h2>ENJOY THE LIFE</h2>

</div>

<dl>

<dt>

</dt>

<dd>

dasdasacxzcvvkkljfklasjfljklj,adsadjladjakl,dsakjdladj,.dadad.

</dd>

</dl>

</div>

<dl>

<dt>

</dt>

<dd>

dasdasacxzcvvkkljfklasjfljklj,adsadjladjakl,dsakjdladj,.dadad.

</dd>

</dl>

</div>

</body>

</html>

写回答

1回答

好帮手慕夭夭

2019-04-26

你好同学，问题如下

1.标题不能居中是因为它父元素宽度设置了100px，所以它只能在如下小区域内居中

把它父元素宽度去掉，div默认宽度为大容器的宽度，这样就能居中了

文字不能换行是字母都连在一起了，这样浏览器再解析字母时，会把整体作为一个单词，一个单词默认是不会换行的，如下方式为字母之间设置空格即可

另外，如下盒子里面设置浮动后它的高度会塌陷，需要清除一下浮动哦

祝学习愉快，望采纳。

0 学习 · 40143 问题

查看课程

相似问题

老师，为什么我的文字无法换行？以及<br>对于格式的影响？

回答 2

老师请问为什么实现不了图片居中？

回答 1

width值不为固定数值时，如何设置块级元素垂直水平居中

回答 2

为什么文字不换行了

回答 2

检查代码，看看我这样分区对不对，代码是否需要优化

回答 2

打开慕课网App查看更多内容