消除input,button之間的間距

2022-03-04 19:13:35 字數 760 閱讀 6522

效果:

問題:

input,button標籤之間出現了間距,這並不是我們所期望的。
解決方法:

1.在父級元素上設定屬性:font-size:0px;

將input父級字型(font-size)設為0px,可以消除間隔,但是得重新設定內聯元素(input)的字型大小;

2.去掉input,button標籤之間的空格

3.設定input為塊元素,並且給乙個左浮動

效果:

原因:input是內聯塊狀元素(inline-block);內聯元素是當做字型來處理的,字型之間是有間隔的,所以內聯元素之間也是有間隔的。

CSS 美化 input button 按鈕

input button 可以通過 css自定義外觀,而 checkbox radio 則沒辦法通過 css自定義樣式。今天逛 google 的時候發現了乙個利用 css3 偽元素 after 來自定義 checkbox radio 樣式的方法。利用 css3 不僅可以自定義 checkbox ra...

CSS之消除inline block之間產生的間隙

number1 number2 number3 number4 如上 將dl轉為行內塊級元素,但每個dl之間會有間隙。造成這一問題的原因是html中的換行符 空格符 製表符等空白符,字型大小不為0的情況下,空白符佔據一定寬度,使用inline block會產生元素間的空隙。如果將所有dl寫在一行則不...

IT績效管理消除IT與業務之間的隔閡

近日,惠普公司公布了一項針對亞太地區使用者it績效考核方式的調查結果 91 的企業高管認為it績效考核是乙個重要工具,但實際上只有50 的高管在做決策時參考了it績效考核資料。企業對it績效考核的期望值與考核的實際執行之間為何會有如此大的落差呢?用業務指標來衡量it的績效,這是非常重要的。中國惠普 ...