DIV+CSS中<p>标签怎么限制内容高度
答案:3 悬赏:50 手机版
解决时间 2021-03-11 12:05
- 提问者网友:孤凫
- 2021-03-10 16:29
DIV+CSS中<p>标签怎么限制内容高度
最佳答案
- 五星知识达人网友:动情书生
- 2021-03-10 17:59
一般来讲,直接定义height属性就行。可是默认情况下容器还是会被内容给撑大,所以想要达到真正的限制高度的效果,还需要加上overflow属性。具体示例如下:
html代码:
这是测试用的文字内容,用来撑大容器高度,以测试高度是否限制成功
CSS代码:
.demobox{width:100px;height:30px;line-height:30px;overflow:hidden;display:block;}在这里,p标签的高度被设置在了30px,加上overflow:hidden;之后,当内容高度超过30px时,会直接隐藏掉。
html代码:
这是测试用的文字内容,用来撑大容器高度,以测试高度是否限制成功
CSS代码:
.demobox{width:100px;height:30px;line-height:30px;overflow:hidden;display:block;}在这里,p标签的高度被设置在了30px,加上overflow:hidden;之后,当内容高度超过30px时,会直接隐藏掉。
全部回答
- 1楼网友:何以畏孤独
- 2021-03-10 19:37
Fnotsize
- 2楼网友:我住北渡口
- 2021-03-10 19:03
css里面加个属性overflow:hidden;
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯