當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

去掉button按钮左右两边的留白

發布時間：2025/1/21 编程问答 19 豆豆

生活随笔收集整理的這篇文章主要介紹了去掉button按钮左右两边的留白小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?button按鈕，如果文字太多的話，左右兩邊留白也會很多，這樣很不美觀，而且是每個瀏覽器左右留白的寬度不一，

那么我們就用一個簡單的css來解決這個問題，精益求精嗎！

html
?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
*{padding:0; margin:0}
input,button{overflow:visible;padding:0;}
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
??????? <input type="submit" name="button" id="button" value="button按鈕左右留白的解決方法" />
</form>
<button><span>button按鈕左右留白的解決方法</span></button>
</body>
</html>

轉載于:https://blog.51cto.com/156526/585291

總結

以上是生活随笔為你收集整理的去掉button按钮左右两边的留白的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。