ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSでフォームのラベルを両端に揃える方法(コード例)

CSSでフォームのラベルを両端に揃える方法(コード例)

不言
リリース: 2019-01-24 10:29:34
転載
5339 人が閲覧しました

この記事の内容は、CSSでフォームのラベルの両端を揃える方法(コード例)です。お困りの方は参考にしていただければ幸いです。あなた。

主な属性:

text-align: justify;

text-align-last: justify;を参照してください。 .html.cn/book/css/properties/text/text-align-last.htm

最終効果:

CSSでフォームのラベルを両端に揃える方法(コード例)

コード:

ログイン後にコピー
            
  •                          
                                                  
            
  •         
  •                          
                                                  
            
  •         
  •                          
                                                  
            
  •         
  •                          
                                                  
            
  •     
        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でフォームのラベルを両端に揃える方法(コード例)

以上がCSSでフォームのラベルを両端に揃える方法(コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:segmentfault.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート