首頁 > web前端 > css教學 > CSS如何實現表單label的兩端對齊(程式碼範例)

CSS如何實現表單label的兩端對齊(程式碼範例)

不言
發布: 2019-01-24 10:29:34
轉載
5340 人瀏覽過

這篇文章帶給大家的內容是關於CSS如何實現表單label的兩端對齊(程式碼範例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

主要屬性:

text-align: justify;

text-align-last: justify; 請參閱https://www .html.cn/book/css/properties/text/text-align-last.htm

#最終效果:

CSS如何實現表單label的兩端對齊(程式碼範例)

##代碼:

登入後複製
            
  •                          
                                                  
            
  •         
  •                          
                                                  
            
  •         
  •                          
                                                  
            
  •         
  •                          
                                                  
            
  •     
        li {
            clear: both;
            list-style: none;
        }
    
        .mark {
            display: block;
            float: left;
            overflow: hidden;
            width: 78px;
            height: 29px;
            padding-right: 10px;
            text-align: justify;
            text-align-last: justify;
            line-height: 2;
        }
登入後複製
注意:

英文字元和數字不會兩端對齊

CSS如何實現表單label的兩端對齊(程式碼範例)

##

以上是CSS如何實現表單label的兩端對齊(程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板