个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
考虑以下设置:
CSS:
#container {
position: relative;
width: 95%;
margin: 0 auto;
height: 100%;
}
.parent {
position: relative;
width: 100%;
height: auto;
float: left;
clear: left;
}
.child {
float: left;
width: 50%;
max-width: 200px;
}
HTML:
<body>
<div id="container">
<div class="parent">
<div class="child"></div>
<div class="child"></div>
</div>
<div class="parent">
<div class="child"></div>
<div class="child"></div>
</div>
</div>
<body>
如果窗口的宽度大于 400px，.child 元素将不会居中而是靠左。
我无法提前知道 .child 元素的数量(但每个父元素中的数字在所有 .parent 元素中始终相同)。如果有更多，我会使用 JS 来计算新的百分比并将其分配给它们的宽度，以便它们仍然保持响应(因此，如果我有 2 个子元素，它们的宽度将为 50%，如果我有四个，它们的宽度将为 25% 等。) .
有没有办法让 .child 元素以上述设置为中心？
提前感谢您的帮助。 :-)
最佳答案
将text-align: center添加到.parent，移除float并更改display属性对 child 进行 inline-block。
.parent {
position: relative;
width: 100%;
height: auto;
float: left;
clear: left;
text-align: center;
}
.child {
display: inline-block;
width: 50%;
max-width: 200px;
}
如果元素之间的空间有问题，请拆分子 div 上的结束标记:
<div class="child"></div
><div class="child"></div>
关于html - 如何使同样具有最大宽度的流体 div 居中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26666051/
25
4
0
那就是我的第一个使用MVVM的项目，MVVM light。 我有一个列表框，该列表框从PersonList Observable集合中刷新，正常添加和删除刷新。问题是编辑项目时。 我寻找了解决该问题的
这个问题在这里已经有了答案: How do I return the response from an asynchronous call? (41 个回答) 关闭10 年前。 我有这个代码 var
我有一个很大的配置文件(用户)，我需要将其转到正确的位置并设置一些默认值。 因为我有一个安装程序类，所以我在其中的配置文件中添加了一些参数设置，但在安装程序文件夹中创建了配置文件。 确保这些默认参数只
|AA|多对多|BB|多对多 |CC| 与连接表映射成为 |AA|--|AA_BB|--|BB|--|BB_CC|--|CC| (抱歉，我无法发布图片，声誉低) 编辑:简短的问题是为什么如果a创建Aa
我想创建这个例子 GET /my_store/products/_search { "query" : { "filtered" : { "query"
AWS 为我们提供了 Athena 来运行无服务器 Hive 查询，Azure 是否有任何服务可以让我们运行无服务器 Hive 查询。 最佳答案 @ clown 。我相信您正在寻找的 Hive 的 A
这让我抓狂......这很好用: jQuery(document).ready(function(){ setTimeout(function(){ jQuer
我是一名优秀的程序员,十分优秀！