css不换行设置什么

css不换行设置什么

经典的设置好方法是：white-space: nowrap; 设置overflow:hidden;然后加上title

p{
    white-space:nowrap;
    overflow:hidden;
}

示例：（推荐学习：CSS视频教程）

<p 
    style="white-space: nowrap; width: 80px; overflow: hidden;" 
    title="测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字">
	测试文字测试文字测试文字测试文字测试文字测试文字测试
	文字测试文字测试文字测试文字测试文字测试文字
</p>

效果：

注：上图中鼠标悬浮显示了title属性的值。

更多CSS相关技术文章，请访问CSS3答疑栏目进行学习！

以上就是css不换行设置什么的详细内容，更多请关注0133技术站其它相关文章！