Home >Web Front-end >HTML Tutorial >CSS DIV enables text to be displayed in one line, and excessive text is replaced with dots_html/css_WEB-ITnose
有些时候我们在使用CSS+DIV进行排版实现大量的文字的时候,为了页面的美观,这里需要将文字在div中一行显示,并且将过多的文字进行隐藏,以点号进行代替。当鼠标放上面的时候会以title的形式显示所有的内容。
如下图所示为使用样式排版之前的效果:
如下图所示为使用样式排版之后的效果:
明显下面的效果图要比之前友好实用多了。
如下为源码: