CSS 是一种定义样式结构如字体, 颜色, 位置等的语言, 被用于描述网页上的信息格式化和现实的方式. CSS 样式可以直接存储于 html 网页或者单独的样式单文件.
CSS 可以使用 white-space:nowrap 样式设置文字不换行使文字在同一行显示. white-space 属性声明建立布局过程中如何处理元素中的空白符.
CSS 设置文字在同一行显示示例:
- <HTML>
- <head>
- <style type="text/css">
- div
- {
- width: 300px;
- height: 100px;
- border: 1px solid red;
- white-space: nowrap
- }
- </style>
- </head>
- <body>
- <div>
这是一些文本.
这是一些文本.
这是一些文本.
这是一些文本.
这是一些文本.
这是一些文本.
这是一些文本.
这是一些文本.
这是一些文本.
这是一些文本.
这是一些文本.
这是一些文本.
- </div>
- </body>
- </HTML>
效果如下:
white-space 属性介绍:
white-space 属性设置如何处理元素内的空白.
这个属性声明建立布局过程中如何处理元素中的空白符. 值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的.
属性值:
normal 默认. 空白会被浏览器忽略.
pre 空白会被浏览器保留. 其行为方式类似 HTML 中的 <pre> 标签.
nowrap 文本不会换行, 文本会在在同一行上继续, 直到遇到 <br> 标签为止.
pre-wrap 保留空白符序列, 但是正常地进行换行.
pre-line 合并空白符序列, 但是保留换行符.
inherit 规定应该从父元素继承 white-space 属性的值.
推荐: CSS 文档 https://www.html.cn/book/css/
来源: http://www.css88.com/qa/css3/14128.html