p{ white-space: nowrap; }这个样式代码设置了p标签内元素的white-space属性为nowrap,所以p标签内的文本不会自动换行。想要换行就必须手动在需要的位置添加换行符(\n)。
首页 >
css保持在一行不换行 |用css写一个工具栏
CSS可以通过设置元素的white-space属性来实现保持在一行不换行的效果。其中,white-space属性有三种取值:normal、pre和nowrap。
当white-space取值为normal时,元素内的连续空白符会被合并为一个空格,当文字太长导致换行时,会自动换行。
当white-space取值为pre时,元素内的连续空白符不会被合并为一个空格,当文字太长导致换行时,也不会自动换行,而是在需要换行的地方加上换行符。
当white-space取值为nowrap时,元素内的连续空白符会被合并为一个空格,当文字太长导致换行时,不会自动换行,而是在需要换行的地方截断文字。
下面是一段样式代码,它会让p标签中的文本保持在一行不换行: