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

資訊專欄INFORMATION COLUMN

單選框和字對齊

鄒強(qiáng) / 2524人閱讀

摘要：因?yàn)榇蟛糠譃g覽器字體大小都是文字的底線和單選框是不對齊的最簡單的方法就把單選框和字都加上就好了如果還有有點(diǎn)不完美就用這樣微調(diào)一下單選框如果上面的萬能方法不行就試試下面的以單選框加以單選框加以單選框加

因?yàn)榇蟛糠譃g覽器字體大小都是12px,12px文字的底線和單選框是不對齊的,
最簡單的方法就把單選框和字都加上vertical-align: middle;就好了,
如果還有有點(diǎn)不完美,就用margin-top:-1px; margin-bottom:1px;,這樣微調(diào)一下單選框

如果上面的"萬能方法"不行就試試下面的:

以vertical-align:text-bottom

單選框加vertical-align:text-bottom; margin-bottom:2px; margin-bottom:-2px9;

以vertical-align:text-top

單選框加height:13px; vertical-align:text-top; margin-top:0;

以vertical-align:bottom

單選框加height:15px; vertical-align:bottom; margin-bottom:3px; margin-top:-1px;

以vertical-align:top

單選框加height:14px; vertical-align:top;

或者用vertialc-align:-3px可以緩解問題

以上的px值不一定是最完美的,根據(jù)不同環(huán)境自己找一個完美的值

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

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

相關(guān)文章

  • 單選框和字對齊

    都加上 vertical-align: middle; ?

    LdhAndroid 評論0 收藏0

  • 單選框和復(fù)選框與文本的垂直居中顯示問題

    摘要：故嘗試揣摩業(yè)界大牛的一些歷程，希望能得到不一樣的收獲。張鑫旭前輩的博客是很不錯的選擇之一，對這些基本技能闡述得十分透徹。本文是對其很早一篇文章復(fù)選框或單選框與文字對齊的問題的深入研究的再次實(shí)驗(yàn)，畢竟瀏覽器對的支持多年來變化很大。 前言 工作三年，寫了不少代碼，也確實(shí)接觸不少技術(shù)。但是仔細(xì)回顧，卻又感一片空白，一臉茫然。故嘗試揣摩業(yè)界大牛的一些歷程，希望能得到不一樣的收獲。 張鑫旭前輩的...

    WrBug 評論0 收藏0

  • 單選框和復(fù)選框與文本的垂直居中顯示問題

    摘要：故嘗試揣摩業(yè)界大牛的一些歷程，希望能得到不一樣的收獲。張鑫旭前輩的博客是很不錯的選擇之一，對這些基本技能闡述得十分透徹。本文是對其很早一篇文章復(fù)選框或單選框與文字對齊的問題的深入研究的再次實(shí)驗(yàn)，畢竟瀏覽器對的支持多年來變化很大。 前言 工作三年，寫了不少代碼，也確實(shí)接觸不少技術(shù)。但是仔細(xì)回顧，卻又感一片空白，一臉茫然。故嘗試揣摩業(yè)界大牛的一些歷程，希望能得到不一樣的收獲。 張鑫旭前輩的...

    yck 評論0 收藏0

  • 純css寫單選框和復(fù)選框的樣式和功能

    摘要：只用純寫的單選框和復(fù)選框的樣式和功能該怎么寫看這里，復(fù)制下面的代碼運(yùn)行一遍就知道了，快試試吧效果截圖移動單選按鈕純寫法圓點(diǎn)使用背景圖片寫法 只用純css寫的單選框和復(fù)選框的樣式和功能該怎么寫？看這里，復(fù)制下面的代碼運(yùn)行一遍就知道了，快試試吧！ 效果截圖：showImg(https://segmentfault.com/img/bVIQNR?w=719&h=1280); ...

    sanyang 評論0 收藏0

發(fā)表評論

0條評論

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