html - 以固定高度居中 div

标签 html css

<分区>

这是出现的内容:

enter image description here

这是我的代码:

<div style="height:300px;">

<div style="height:300px;float:left;width:50%;">
    <div style="height:200px;width:70%;margin:auto; background-color:pink;"></div>

</div>
<div style="float:right;width:49%;">


</div>

我已经设置了高度,我想垂直对齐中间的粉色框,但是 margin 不起作用。我该怎么做?

最佳答案

你可以轻松实现

display:inline-block;
vertical-align: middle;
margin : 0 auto;

关于html - 以固定高度居中 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38985161/

上一篇:css - 如何在 img 标签所在的位置显示此 SVG 图像

下一篇:css - 如何获得下拉菜单的正确宽度

相关文章:

javascript - 如何阻止图像在达到某个点后缩小?

html - PC 和 Android 中的元视口(viewport)差异

javascript - 背景图片有问题?

javascript - Bootstrap 3.2 : When added checkbox with jQuery, 它不会通过适当的 css 显示

jquery - 为下拉按钮添加Hover和点击事件-Jquery

html - 如何为居中 float 确认对话框设计 CSS?

javascript - JQuery 内容箭头导航

javascript - if/else 列出可能的日期条件永远不会成功

Javascript 将属性添加到元素

html - 如何在html和css中的侧边菜单中创建子菜单