html - 按钮元素内的填充不可移动

标签 html css button

在我的 button 标签上(注意:不是 input),我放置了字符“X”。看起来还不错。但是,当我添加边框时,我意识到 Angular 色并没有真正居中。按钮内部似乎有某种填充物。

那是可以删除的东西吗?如果是,怎么办?

我已经尝试添加样式(通常的 paddingmarginalignvalign)但是它对我没有任何用处。

问题看起来like this jsFiddle .

<button style='width:18px;height:18px;'>X</button>

最佳答案

在 fiddle 中,按钮对于文本来说不够高。但这很容易通过向 CSS 添加 line-height:0 来解决。

Updated fiddle .

请注意,这不会影响相同数量的“X”在不同浏览器中的位置。替代解决方案可能是缩小字体大小,使用小写“x”或乘号“×”等,或组合使用。

顺便说一句,您说您尝试设置边距,但这绝不是解决方案。边距位于按钮的最外侧。填充可以工作,但您只能使用正填充,不能使用负填充。

关于html - 按钮元素内的填充不可移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21671356/

相关文章:

c# - 我如何在 .net 中转义 html unicode?

html - 重新调整浏览器时,网站元素会混淆

javascript - HTML5 捕捉旋转和平移后的绝对位置

HTML 列表垂直组织

css - 在 div 中与其他元素垂直对齐

Android AlertDialog 单按钮

javascript - 链接为图像返回 404,但 Assets 的直接链接加载正常

android - 使用LinearLayout将按钮放在屏幕底部?

java - 在 OnCreate 中定义按钮 - 无法解析方法中的符号

html - 样式化 Wordpress 插件复选框