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

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

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

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

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

如下为源码：

#test
{
width: 530px;
height: 500px;
background-color: Blue;
}
.content
{
width: 100px;
background-color: Gray;
float: left;
border: 1px solid red;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

测试测试测试测试测试测试测试

查看更多关于CSS+DIV实现文字一行内显示，并且过多的文字以点来代替_html/css_WEB-ITnose的详细内容...