最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > divcss超出长度文字自动隐藏或用省略号表示建站

divcss超出长度文字自动隐藏或用省略号表示建站

时间:2023-05-25 11:05:25 阅读: 文章分类: 网站建设 作者: 网站技术员

导读:建站问题建站问题我们在做站的时候,一些区域的标题文字是不能换行的,例如首页列表的文章标题,因为布局是固定的,换行会打乱布局,从而使网页产生错位。因此,我们需要一行一段文字,超出网站建设公司百度seo网站优化。

网站建设公司百度seo网站优化我们在做站的时候,一些区域的标题文字是不能换行的,例如首页列表的文章标题,因为布局是固定的,换行会打乱布局,从而使网页产生错位。因此,我们需要一行一段文字,超出行宽的文字 […]

我们在做站的时候,一些区域的标题文字是不能换行的,例如首页列表的文章标题,因为布局是固定的,换行会打乱布局,从而使网页产生错位。因此,我们需要一行一段文字,超出行宽的文字用省略号表示或者直接去掉不用省略号代替。看看下图中的实例。

上图显示,站长热评列表里面的文章标题,超出行宽用省略号表示。本文我们就来看看如何用css来实现的。

css实现超网站建设教程出div长度用省略号表示

<div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width:150px;" title="divcss超出长度文字自动隐藏或用省略号表示">divcss超出长度文字自动隐藏或用省略号表示