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

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

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

2、在index.html中的标签中，输入html代码：

测试P标签的换行

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

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

html代码：

这是测试用的文字内容，用来撑大容器高度，以测试高度是否限制成功

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