在網頁設計中,如何使用 CSS 使得某一段文字既要居中,又要達到自動換行的效果呢?下面我們來分享一下實現方法。
首先,我們需要在 CSS 中定義一個居中的 container,代碼如下:
.container { text-align: center; }接著,我們再定義一個字體樣式,以及設置自動換行的屬性:
.font { font-family: sans-serif; word-wrap: break-word; }最后,將這兩個屬性合并到同一個 CSS class 中:
.centered-font { text-align: center; font-family: sans-serif; word-wrap: break-word; }最后,我們就可以在 HTML 中使用這個 class 來實現居中、自動換行的效果:
<p class="centered-font"> 這是一段很長很長的文字,需要自動換行, 同時又希望整體居中顯示。 </p>以上就是實現 CSS 字體換行居中的方法,希望對大家有所幫助。
上一篇css字體看不到