DIV+CSS中<p>标签怎么限制内容高度

<p>标签已经设置高度了,可是添加内容的时候超过设置的高度的内容还能显示。要怎么限制呢?... <p>标签已经设置高度了,可是添加内容的时候超过设置的高度的内容还能显示。要怎么限制呢? 展开
 我来答
幻翼高达Zero
2019-07-11 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:8.3万
展开全部

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

<p style="width: 80px;height: 40px; overflow: hidden">测试P标签的换行</p>

3、浏览器运行index.html页面,此时超过p标签设置高度的内容不会被显示。

scott
推荐于2016-01-24 · 知道合伙人互联网行家
scott
知道合伙人互联网行家
采纳数:150 获赞数:3883
前端开发行业多年从业经验,专业前端开发工程师

向TA提问 私信TA
展开全部

一般来讲,直接定义height属性就行。可是默认情况下容器还是会被内容给撑大,所以想要达到真正的限制高度的效果,还需要加上overflow属性。具体示例如下:


html代码:

<p class="demobox">这是测试用的文字内容,用来撑大容器高度,以测试高度是否限制成功</p>

CSS代码:

.demobox{width:100px;height:30px;line-height:30px;overflow:hidden;display:block;}

在这里,p标签的高度被设置在了30px,加上overflow:hidden;之后,当内容高度超过30px时,会直接隐藏掉。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
微生廷谦龙碧
2019-11-18 · TA获得超过3.7万个赞
知道大有可为答主
回答量:1.2万
采纳率:24%
帮助的人:912万
展开全部
我是这样理解的,class主要用来定义网页的效果,id是针对后台程序的,设计制作的时候用class来写页面效果,程序再套用的时候会再单独定义id,来实现程序运行。。。最好还是分开吧。。反正我是一直这么做的。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
手机用户95222
2009-08-07 · 超过16用户采纳过TA的回答
知道答主
回答量:35
采纳率:0%
帮助的人:0
展开全部
css里面加个属性overflow:hidden;
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
秋雨不解风情
2009-08-07 · 专注文学散文小说爱好分享
秋雨不解风情
采纳数:138 获赞数:504

向TA提问 私信TA
展开全部
Fnotsize
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式