在一个元素内禁止文字换行
此例演示：
如何禁止文字换行
实例解析：
white-space属性指定元素内的空白怎样处理。
可以设置以下属性值：
● normal：默认，空白会被浏览器忽略。
● pre：空白会被浏览器保留，其行为方式类似 HTML 中的 <pre> 标签。
● nowrap：文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
● pre-wrap：保留空白符序列，但是正常地进行换行。
● pre-line：合并空白符序列，但是保留换行符。
新建文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style type="text/css">
p
{
white-space:nowrap;
}
</style>
</head>
<body>
<p>
这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。这是一些文本。这是一些文本。
</p>
</body>
</html>
预览
Clear
- 课程推荐
- 课件下载
课件暂不提供下载，工作人员正在整理中，后期请多关注该课程~ 