摘要:因為大部分瀏覽器字體大小都是文字的底線和單選框是不對齊的最簡單的方法就把單選框和字都加上就好了如果還有有點不完美就用這樣微調一下單選框如果上面的萬能方法不行就試試下面的以單選框加以單選框加以單選框加
因為大部分瀏覽器字體大小都是12px,12px文字的底線和單選框是不對齊的,
最簡單的方法就把單選框和字都加上vertical-align: middle;就好了,
如果還有有點不完美,就用margin-top:-1px; margin-bottom:1px;,這樣微調一下單選框
以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值不一定是最完美的,根據不同環境自己找一個完美的值
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/113320.html
摘要:故嘗試揣摩業界大牛的一些歷程,希望能得到不一樣的收獲。張鑫旭前輩的博客是很不錯的選擇之一,對這些基本技能闡述得十分透徹。本文是對其很早一篇文章復選框或單選框與文字對齊的問題的深入研究的再次實驗,畢竟瀏覽器對的支持多年來變化很大。 前言 工作三年,寫了不少代碼,也確實接觸不少技術。但是仔細回顧,卻又感一片空白,一臉茫然。故嘗試揣摩業界大牛的一些歷程,希望能得到不一樣的收獲。 張鑫旭前輩的...
摘要:故嘗試揣摩業界大牛的一些歷程,希望能得到不一樣的收獲。張鑫旭前輩的博客是很不錯的選擇之一,對這些基本技能闡述得十分透徹。本文是對其很早一篇文章復選框或單選框與文字對齊的問題的深入研究的再次實驗,畢竟瀏覽器對的支持多年來變化很大。 前言 工作三年,寫了不少代碼,也確實接觸不少技術。但是仔細回顧,卻又感一片空白,一臉茫然。故嘗試揣摩業界大牛的一些歷程,希望能得到不一樣的收獲。 張鑫旭前輩的...
摘要:只用純寫的單選框和復選框的樣式和功能該怎么寫看這里,復制下面的代碼運行一遍就知道了,快試試吧效果截圖移動單選按鈕純寫法圓點使用背景圖片寫法 只用純css寫的單選框和復選框的樣式和功能該怎么寫?看這里,復制下面的代碼運行一遍就知道了,快試試吧! 效果截圖:showImg(https://segmentfault.com/img/bVIQNR?w=719&h=1280); ...
閱讀 1074·2021-11-19 09:40
閱讀 2213·2021-11-15 18:00
閱讀 1267·2021-10-18 13:34
閱讀 2247·2021-09-02 15:40
閱讀 1533·2019-08-30 14:01
閱讀 1112·2019-08-30 11:11
閱讀 2482·2019-08-29 15:26
閱讀 721·2019-08-29 14:15