css怎麼控製文字不換行

css控製文字不換行的方法：可以利用white space屬性來控制，如【white-space:nowrap;】，white space屬性指定元素內的空白怎樣處理，normal表示瀏覽器忽略空白。

本教學操作環境：windows10系統、css3版，此方法適用於所有品牌電腦。

（學習影片分享：css影片教學）

css控製文字不換行的方法：

使用white- space屬性指定元素內的空白怎麼處理。

屬性值：

• normal    預設。空白會被瀏覽器忽略。   

• pre    空白會被瀏覽器保留。其行為方式類似 HTML 中的

   標籤。   </p></li>
  <li><p>nowrap    文字不會換行，文字會在同一行上繼續，直到遇到 <br> 標籤為止。   </p></li>
  <li><p>pre-wrap    保留空格符號序列，但正常地進行換行。   </p></li>
  <li><p>pre-line    合併空格符號序列，但保留換行符號。   </p></li>
  <li><p>inherit    規定應該從父元素繼承 white-space 屬性的值。   </p></li>
  </ul>
  <p>範例：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false">p{
      white-space:nowrap;
  }

  登入後複製