怎么让段落每行的长度不一样呢？

.about .mid .div2 p{
	border: 1px solid;
	font-size: 10px;
	width: 240px;
	margin: 20px auto;
	word-break: break-all;
	line-height: 20px;
}

源自：前端油画商城案例 4-3 项目作业

收起

1回答

好帮手慕柯南回答被采纳获得+3积分 2019-05-19 18:04:43

同学你好！同学的效果之所以和效果图不一样是因为：效果图中不允许单词内换行，所以放不下的单词就显示在了下一行，但是同学的代码允许单词内换行所以每行的长度就一样了。同学可以将word-break: break-all;属性去掉就可以达到想要的效果

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

燃_11 提问者 #1

第二行nisl et就是单词换行了，要写5行<p></p>才能那样显示？

2019-05-19 18:16:10
好帮手慕柯南回复提问者燃_11 #2

同学你好！老师的示例中nisl et中间有空格呢，不是单词换行了呢。祝学习愉快~

2019-05-19 18:20:32