当前位置:Gxlcms > html代码 > CSS+DIV实现文字一行内显示,并且过多的文字以点来代替_html/css_WEB-ITnose

CSS+DIV实现文字一行内显示,并且过多的文字以点来代替_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:28人阅读

有些时候我们在使用CSS+DIV进行排版实现大量的文字的时候,为了页面的美观,这里需要将文字在div中一行显示,并且将过多的文字进行隐藏,以点号进行代替。当鼠标放上面的时候会以title的形式显示所有的内容。

如下图所示为使用样式排版之前的效果:

如下图所示为使用样式排版之后的效果:

明显下面的效果图要比之前友好实用多了。

如下为源码: