So richten Sie Formularbeschriftungen an beiden Enden mit CSS aus (Codebeispiel)

Der Inhalt dieses Artikels befasst sich damit, wie man die Ausrichtung von Formularbeschriftungen an beiden Enden mit CSS realisiert (Codebeispiel). Ich hoffe, dass er für Sie hilfreich ist .

Hauptattribute:

text-align: justify;

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

Endeffekt:

Code:

        
•             姓 名             
                                                
          
        
•             密 码             
                                                
          
        
•             确 认 密 码             
                                                
          
        
•             验 证 码             
                                                
          
    

        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;
        }

Hinweis:

Englische Zeichen und Zahlen werden nicht ausgerichtet

Das obige ist der detaillierte Inhalt vonSo richten Sie Formularbeschriftungen an beiden Enden mit CSS aus (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!