个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
<html>
<head>
<style type="text/css">
#circles {
text-align: center;
}
.circle {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: blue;
float: left;
}
</style>
</head>
<body>
<div id="circles">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
</body>
</html>我尝试过使用 margin: 0 auto 和 text-align: center，但这些方法似乎都无法使内部 div 居中。有谁知道我做错了什么？
最佳答案
使用 display:inline-block 而不是 float。
#circles {
text-align: center;
}
.circle {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: blue;
display: inline-block;
}<div id="circles">
<div class="circle"></div><!--
--><div class="circle"></div><!--
--><div class="circle"></div>
</div>关于html - 文本对齐或边距 0 auto 都不能居中 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33774689/
25
4
0
我是一名优秀的程序员,十分优秀！