在一個元素內禁止文字換行

此範例示範:

如何禁止文字換行

實例解析:

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>