css white-space:nowrap属性用法（可以强制文字不换行输出）

所属分类：网络编程 / CSS/HTML 阅读数： 1049

收藏 0赞 0分享

强制不换行，直接使用white-space:nowrap即可。
CSS设置不转行:
overflow:hidden 隐藏
white-space：normal 默认
pre 换行和其他空白字符都将受到保护
nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象
例:强制不换行

复制代码代码如下:

 
div{
white-space:nowrap;
}

更多精彩内容其他人还在看

简单明了带你了解CSS Modules

不要误会，CSS Modules可不是在说“css模块化”这个好像在某些地方见过的词，它其实是特指一种近期才出现的技术手段。什么技术手段呢？下面小编来和大家一起学习一下

收藏 0赞 0分享

新手学习css优先级

大部分人同样也会在写css的过程中产生很多困惑，比如为什么自己写的某段css没有生效，或者呈现出的样式和预计的不同，但又不知道要如何解决。下面小编来和大家一起学习CSS的优先级

收藏 0赞 0分享

css进阶学习选择符

css这种没有程序逻辑的代码中，又能找出什么来说明谁做得更出色呢？下面小编给大家说明如何从css选择符的角度来提高css代码质量。

收藏 0赞 0分享

实现css文字垂直居中的8种方法

CSS可以轻易实现文字的水平居中，但有时我们需要文字垂直居中，除了表格可以实现这种CSS文字垂直居中以外，还有其它几种方法可以做到

收藏 0赞 0分享

完美实现CSS垂直居中的11种方法

在做前端项目时CSS的水平居中我们经常使用，但有时还会用到CSS垂直居中，对于小白来说这个就有些难度了，下面看一下我是如何实现的

收藏 0赞 0分享

webpack高级配置与优化详解

这篇文章主要介绍了webpack高级配置与优化,其中包括了webpack打包多页面，webpack跨域问题等相关内容

收藏 0赞 0分享

5个HTML5的常用本地存储方式详解与介绍

在HTML5规范之前，存储主要是用cookies，但cookies缺点有在请求头上带着数据，大小是4k之内，今天为大家介绍一下H5的5种存储方式

收藏 0赞 0分享

CSS代码检查工具stylelint的使用方法详解

stylelint是一个强大的现代CSS检测器,可以让开发者在样式表中遵循一致的约定和避免错误。本文将详细介绍CSS代码检查工具stylelint

收藏 0赞 0分享

Zen Coding css,html缩写替换大观快速写出html,css

本文是在zen使用生产中遇到的问题做一些分享。

收藏 0赞 0分享

javascript代码规范小结

javascript代码规范，大家可以参考下，以便写出更利于阅读的代码。

收藏 0赞 0分享

css white-space:nowrap属性用法（可以强制文字不换行输出）

简单明了带你了解CSS Modules

新手学习css优先级

css进阶学习选择符

实现css文字垂直居中的8种方法

完美实现CSS垂直居中的11种方法

webpack高级配置与优化详解

5个HTML5的常用本地存储方式详解与介绍

CSS代码检查工具stylelint的使用方法详解

Zen Coding css,html缩写替换大观快速写出html,css

javascript代码规范小结

网络赚钱

站长故事

css white-space:nowrap属性用法（可以强制文字不换行输出）

简单明了带你了解CSS Modules

新手学习css优先级

css进阶学习 选择符

实现css文字垂直居中的8种方法

完美实现CSS垂直居中的11种方法

webpack高级配置与优化详解

5个HTML5的常用本地存储方式详解与介绍

CSS代码检查工具stylelint的使用方法详解

Zen Coding css,html缩写替换大观 快速写出html,css

javascript代码规范小结

网络赚钱

站长故事

css进阶学习选择符

Zen Coding css,html缩写替换大观快速写出html,css