Html 带按钮的内容块居中

在图像、调整大小的块元素（如

div

s）和按钮中有效

当按钮类应用于链接（成为伪按钮）时，不会水平居中

纯按钮

显示：块

以其他方式作用于

按钮

和其他元素（例如

a

）。您需要添加

display:table

链接，而不是

display:block



a、 btn默认值{显示：表格}
纯按钮
显示：块
以其他方式作用于
按钮
和其他元素（例如
a
）。您需要添加
display:table
链接，而不是
display:block



a、 btn默认值{显示：表格}
纯按钮
Display:block以其他方式作用于
按钮和其他元素（例如
a
）。您需要添加
display:table
链接，而不是
display:block@panther，太好了！它起作用了@panther，添加您的答案以接受它。@MiquelAl.Vicens：当评论帮助您时，不需要回答。。。但是我添加了它。我们有完全相同的问题，但无法找到：）显示：块以其他方式作用于
按钮和其他元素（例如
a
）。您需要添加
display:table
链接，而不是
display:block@panther，太好了！它起作用了@panther，添加您的答案以接受它。@MiquelAl.Vicens：当评论帮助您时，不需要回答。。。但是我添加了它。我们有完全相同的问题，但无法找到：）我将编写
a.center-block{display:table；}
（在样式标记中）连贯地覆盖引导样式。@MiquelAl.Vicens:这只是一个代码片段，应该可以演示解决方案。我个人不知道引导-在其他地方，你可能需要中心链接。要点是向该链接添加
display:table
。也许更好的解决方案是更多地指定我们希望像按钮链接一样居中，
a.center-block.btn
。还有更多的方法，如果没有完整的代码（仅从代码片段中），就不可能选择最佳的方法。纠正方法是将伪按钮（如锚元素）居中。这很清楚。我将编写
a.center-block{display:table；}
（在样式标记中）连贯地覆盖引导样式。@MiquelAl.Vicens:这只是一个代码片段，应该可以演示解决方案。我个人不知道引导-在其他地方，你可能需要中心链接。要点是向该链接添加
display:table
。也许更好的解决方案是更多地指定我们希望像按钮链接一样居中，
a.center-block.btn
。还有更多的方法，如果没有完整的代码（仅从代码片段中），就不可能选择最佳的方法。纠正方法是将伪按钮（如锚元素）居中。很清楚。