html - 我怎样才能让这个盒子在CSS中居中对齐?

标签 html css

.dkk {
	color:white;
	margin: 0px auto;
	text-align: center;
	display:inline-block;
	border: 3px solid;
	padding:10px;
	background-color:#333333;
}
<h2 class="dkk">We are currently under construction.</h2>

这是盒子。如果我知道如何制作这个,我可以自己做其他的。

最佳答案

你应该替换:

display: inline-block;

与:

display: block;

JsFiddle:https://jsfiddle.net/terza_terza/rLnz01xc/

关于html - 我怎样才能让这个盒子在CSS中居中对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59114550/

上一篇:javascript - 使用 Bootstrap 4 进行全宽扩展的可扩展网格

下一篇:html - 在同一个 div 中将一个标签居中并在底部放置一个

相关文章:

javascript - Onclick 事件在第一次点击时不起作用

css - flexbox 试图对齐这些图像我做错了什么?

html - HTML 文档类型中 public ="storage"的含义是什么?

javascript - 如何在配对图像按钮中制作触发脚本?

html - 如何动态填充 Node 中的 html 数据以进行发布,而不是显示?

javascript - 如何在reactjs中使用没有webpack的react router js?

html - CSS中如何让div溢出?

html - 如何使 div 高度在每个浏览器上兼容

jquery - Wordpress 导航中的自定义链接

html - 对齐问题