如果希望 Bootstrap 中的文字不換行,可以使用 `white-space` 屬性來控制文字的換行方式。`white-space` 屬性用於指定如何處理元素中的空白和換行符號。
以下是兩種控制文字不換行的方式:
1. 使用 `white-space: nowrap;` 屬性:這個屬性會禁止文字換行,讓文字在同一行中顯示。例如:
<p class="nowrap">這是一段不換行的文字,這是一段不換行的文字,這是一段不換行的文字。</p>
<style>
.nowrap {
white-space: nowrap;
}
</style>
2. 使用 `text-nowrap` class:Bootstrap 也提供了一個 `.text-nowrap` class,可以實現相同的效果。例如:
<p class="text-nowrap">這是一段不換行的文字,這是一段不換行的文字,這是一段不換行的文字。</p>
以上這兩種方式都可以達到不換行的效果,具體使用哪種方式可以根據個人喜好和實際需求進行選擇。
沒有留言:
張貼留言