1、新建一个html页面。在html代码页面找到body标签，在body标签里创建一个p标签，然后输入显示的内容并添加一个class类为 class=cont。
为五华等地区用户提供了全套网页设计制作服务，及五华网站建设行业解决方案。主营业务为网站设计制作、网站设计、五华网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
2、第一步，打开html编辑器并创建一个新的html文件，例如：index.html，见下图，转到下面的步骤。第二步，完成上述步骤后，在index.html中的style标记中，输入CSS代码，见下图，转到下面的步骤。
3、在p布局中，有的文字内容多了会超过溢出我们限制的高度，有的图片会撑破DIV，让网页错位变乱。
4、超出指定文本以省略号显示效果，用css的text-overflow：ellipsis；实现 text-overflow：ellipsis； 溢出的部分用 省略号 表示。
5、在CSS中，text-overflow：ellipsis；可以在文本隐藏时候在文本末尾加入省略号。所以如果Html里是用li写的。
确认方法：在包含两个div的父级处添加border来查看是否包含子级。
那么我们可以使用将容器的overflow属性值设置为hidden即可。 上面的设置的是将所有超出的内容都隐藏，我们也可以设置横向或者纵向超出内容的隐藏。
两个一样的杯子，谁也装不下谁，只有一个大一个小，才能有一个被装的下，硬装的话肯定会被撑的变形。
如题，当里面所有div宽度超过外面div宽度后，产生一个滚动条显示，而不是换行显示。
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow：ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。
新建一个html文件，命名为test.html。在test.html文件内，创建一个包含文字的div，并设置div的class属性为content，主要用于对div进行css样式设置。
第一步，打开html编辑器并创建一个新的html文件，例如：index.html，见下图，转到下面的步骤。第二步，完成上述步骤后，在index.html中的标记中，输入CSS代码，见下图，转到下面的步骤。
在CSS中，text-overflow：ellipsis；可以在文本隐藏时候在文本末尾加入省略号。所以如果Html里是用li写的。
1、接下来重点说一说多行文本溢出显示省略号，如下。
2、效果如图：适合场景：文字内容较多，确定文字内容一定会超过容器的，那么选择这种方式不错。但文字未超出行的情况下也会出现省略号，可结合js优化该方法。
3、而ff0/opera也表现为无效。 css溢出与换行该如何处理文本过长，在容器内显示不下的时候，是否要换行，使用 white-space ： normal / nowrap 属性，normal ： 采用浏览器默认设置；nowrap ： 不换行。
4、如果实现单行文本的溢出显示省略号用 text-overflow：ellipsis 属性来，当然还需要加宽度width属来兼容部分浏览。