HTML-CSS:span内部按钮向右对齐
我在对齐HTML-CSS:span内部按钮向右对齐,css,button,alignment,html,Css,Button,Alignment,Html,我在对齐按钮标签中包含的span时遇到问题 我以前已经做过类似的事情，而且效果很好。事实上，它是相同的css，但大小不同 问题是包含的span似乎向右对齐 CSS: #关闭预览wbtn{ 位置：绝对位置； 高度：24px； 宽度：24px； 右：0； 背景：#B9DEFD； 边框顶部：实心1px#333333； 左边框：实心1px#333333； 右边框：实心1px#333333； 边框底部：实心1px#333； 边界半径：4px； } #closePreviewBtn.close{ 显示：内
按钮标签中包含的span
时遇到问题
我以前已经做过类似的事情，而且效果很好。事实上，它是相同的css，但大小不同
问题是包含的span
似乎向右对齐
CSS:
#关闭预览wbtn{
位置：绝对位置；
高度：24px；
宽度：24px；
右：0；
背景：#B9DEFD；
边框顶部：实心1px#333333；
左边框：实心1px#333333；
右边框：实心1px#333333；
边框底部：实心1px#333；
边界半径：4px；
}
#closePreviewBtn.close{
显示：内联块；
位置：相对位置；
高度：20px；
宽度：20px；
背景：url（../imagenes/close.png）无重复中心；
填充：0；
/*右：2px；
底部：1px；*///这解决了问题，但它是手动的
}
HTML:
非常感谢 简单修复-默认情况下按钮似乎有一个填充。只需将其设置为0：
#关闭预览wbtn{
填充：0；
}
现在你可以随心所欲地定位——如果你想移动跨度，可以在跨度上增加一个边距
希望对您有所帮助，在您的#closePreviewBtn
规则中，删除右侧：0。将“位置”设置为“绝对”，将“右”设置为“零”，将使元素脱离文档流，并将其尽可能向右放置
我注意到按钮在调整到10px大小后仍然有一些填充。我找不到办法把那个地方隔开
我提出的居中解决方案是删除按钮的高度和宽度，因为它将展开以包裹span
，并居中
对于一些奇怪的事情，它适用于小按钮。但是对于更大的按钮，如30px x 50px，可以设置高度和宽度，或者至少很难注意到是否有填充。您已经在#closePreviewBtn{right:0；}
中将其对齐。有什么问题吗？我不是说按钮。按钮应该右对齐。我指的是按钮内的内容，在本例中是X图像。
<html>
<body>
<button id="closePreviewBtn" name="closePreviewBtn"><span class="close"></span></button>
</body>
</html>