请问用p标签的方法能不能设置？怎么设置？

<!DOCTYPE html>

<html>

<head>

/*写出CSS样式*/

height:80px;

background-color:#eee;

text-align:center;

line-height:80px;

font-size:2em;

line-height: 5em;

}

span{

color: red;

veertical-align:middle;

text-decoration: underline;

}

</style>

</head>

<body>

<p><img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg"/>CSS层叠样式表<span>cascading style sheets</span></p>

</body>

</html>

源自：CSS文本样式 4-3 编程练习

收起

1回答

好帮手慕星星 2019-09-05 10:44:33

同学你好，

1、p标签中设置的高度小了，字体大小设置成了2倍，那么p标签中字体大小为32px，行高设置为5em，就是160px。而高度为80px，所以内容超出了。可以不给p标签设置高度。

2、中间和右侧文字都需要设置样式，可以添加span标签包裹以及class类。

参考修改：

自己可以测试下，祝学习愉快！

提问者 weixin_慕后端7118097 #1

请问这个行高是怎么计算的？行高设置为5em，就是160px。

2019-09-05 14:11:07
提问者 weixin_慕后端7118097 #2

请问行高是这么计算的吗？行高随字体大小变化:如果字体大小为20px，此时设置行高为1.5em，那么行高计算方法如下： 20px*1.5（em）=

2019-09-05 14:14:18
好帮手慕星星回复提问者 weixin_慕后端7118097 #3

是这样计算的哦，主要是单位的问题，em单位是根据字体大小进行计算。

2019-09-05 14:46:51