成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

表單label兩端對齊之css實現(xiàn)

shaonbean / 1911人閱讀

摘要：主要屬性參見最終效果代碼姓名請輸入字符請輸入字符密碼請輸入字符請輸入字符確認密碼請再輸入一遍密碼請輸入字符驗證碼輸入驗證碼請輸入驗證碼注意英文字符和數(shù)字不會兩端對齊

主要屬性：

text-align: justify;

text-align-last: justify; 參見https://www.css88.com/book/css/properties/text/text-align-last.htm

最終效果：

代碼： 
    
        
  • 
            
            
    
                
                
            
    
        
    • 
        
  • 
            
            
    
                
                
            
    
        
    • 
        
  • 
            
            
    
                
                
            
    
        
    • 
        
  • 
            
            
    
                
                
            
    
        
    • 
    
        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;
        }
注意：

英文字符和數(shù)字不會兩端對齊

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/117243.html

相關(guān)文章

  • 【譯】HTML表單指南---第一個HTML表單

    摘要：一個表單由一或多個部件組成，這些部件可以是文本框單行或多行選擇框按鈕復(fù)選框或單選按鈕。在我們的示例里，一個文本框中用了該屬性的默認值，該值表示一個基本的單行文本框，用于接收無控制或驗證的任何文本。 前言 這個系列譯自mdn上的一份表單指南，原文詳盡闡述了表單相關(guān)的基礎(chǔ)知識。而表單作為一個經(jīng)典的頁面交互方式，是每個前端工程師繞不開的話題，通過翻譯這個系列的文章既是有助于掃清自己的知識盲區(qū)...

    yearsj 評論0 收藏0

  • 手機端單行文字兩端對齊：用css偽類實現(xiàn)

    摘要：今天在做項目的時候碰到這個問題右側(cè)紅線內(nèi)的小標(biāo)題單行兩端對齊。兩端對齊的屬性我們知道是，但是這個屬性有它的局限性只能為或多行文字才能實現(xiàn)兩端對齊。也就是說，在現(xiàn)在的情況下，小標(biāo)題的單行文字僅僅使用是實現(xiàn)不了兩端對齊的。 今天在做項目的時候碰到這個問題：右側(cè)紅線內(nèi)的小標(biāo)題單行兩端對齊。 showImg(https://segmentfault.com/img/bVQv1a?w=319&h...

    JasonZhang 評論0 收藏0

  • 浮動的label

    摘要：下面就介紹一個用偽類實現(xiàn)的浮動。這種浮動的效果和的效果不同，前者是獲取到焦點，立馬開始浮動，而后者是當(dāng)用戶輸入內(nèi)容時也就是消失時，開始浮動。 在web項目中，有一個很重的模塊就是登陸/注冊模塊，這個模塊的主體部分就是一個form表單，這個form表單包含兩個重要input組（用戶名/密碼），每個input組都包含label和input，而關(guān)于 label+input 的布局方案多種多樣...

    Aomine 評論0 收藏0

  • CSS 黑魔法小技巧，讓你少寫不必要的JS，代碼更優(yōu)雅

    摘要：利用用和來做表單即時校驗需求讓表單檢驗變得簡單優(yōu)雅，不需要寫冗長的代碼來校驗設(shè)置樣式豐富了表單元素，提供了類似等表單元素屬性。不知細葉誰裁出，二月春風(fēng)似剪刀。首先，你需要先了解一下漸變的使用技巧。 之前不久，由于自己平時涉獵還算廣泛，總結(jié)了一篇博客：這些JavaScript編程黑科技，裝逼指南，高逼格代碼，讓你驚嘆不已，沒想到受到了大家的歡迎，有人希望能博主還能整理個 CSS 的一些黑...

    Berwin 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<