个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我看过其他一些答案，但无法让它们适用于我的特定情况。我已经简化并包含了下面的整个代码块。基本上它只是在蓝色框中显示文本。我想知道如何使框居中。
<!DOCTYPE html>
<html>
<head>
<style type="text/css"><!--
#content {
width:500px;
padding: 10px 10px 10px;
background-color: #D1ECFF;
position: relative;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
--></style>
</head>
<body>
<div id="content">
<h2>Create</h2>
</div>
</body>
</html>
最佳答案
因为#content有宽度，所以可以将左右边距设置为auto。这将使元素在其父元素中居中。一小段代码 margin: 0 auto; 将上/下边距设置为零，将左/右边距设置为自动。
#content {
margin: 0 auto;
width:500px;
...
关于html - 如何在 CSS 中将框及其内容居中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8958905/
24
4
0
我是一名优秀的程序员,十分优秀！