在一個元素內禁止文字換行
此範例示範：
如何禁止文字換行
實例解析：
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
- 課程推薦
- 課件下載
課件暫不提供下載，工作人員正在整理中，後期請多關注該課程~ 