DIV+CSS中<p>标签怎么限制内容高度
5个回答
展开全部
需要准备的材料分别有：电脑、浏览器、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标签设置高度的内容不会被显示。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一般来讲，直接定义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时，会直接隐藏掉。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我是这样理解的，class主要用来定义网页的效果，id是针对后台程序的，设计制作的时候用class来写页面效果，程序再套用的时候会再单独定义id，来实现程序运行。。。最好还是分开吧。。反正我是一直这么做的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css里面加个属性overflow:hidden;
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Fnotsize
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
