設置.align-content-*可定義flex items在flex容器的縱軸方向上的對齊方式,使用上與Day15說過的.align-items-*有相同...
範例 html,body{ height: 100%; } .custom_fi...
對元素設置.text-left可向左對齊。 <p class="p-1 border border-danger text-left&quo...
對元素設置word-break:normal可根據瀏覽器預設來換行(通常會保留完整單詞)。 <p class="p-1 border bor...
對元素設置word-wrap:normal可根據瀏覽器預設來拆行(通常是當一單詞超過容器寬度時,保留完整單詞)。 <div class="c...
對元素設置white-space:normal可將連續空白字元合併成一個,在超過容器寬度時或碰到<br>標籤時會換行。 <p class=...
對元素設置.text-lowercase可將所有英文字母轉為小寫。 <p class="p-1 border border-danger t...
對元素設置.font-weight-normal可以讓文字和符號以預設呈現。 <p class="p-1 border border-dan...
對元素設置user-select-all可在點擊時全選該文本。 <p class="p-1 border border-danger use...
對元素設置.text-monospace可將字體轉為等寬體(中文字寬度沒什麼差,英文字有些寬度差很多,可能會造成排版困擾)。 <p class=&qu...