时间戳

首页 > 解决方案 > 其他 div 元素内的响应式 div 元素

javascript - 其他 div 元素内的响应式 div 元素

问题描述

我在主 div 元素中有两个 div 元素我希望这两个 div 向左浮动并且主 div 的对齐中心。像这样的东西。

[ main div        [div1][div2]       ]

我已经成功地浮动了两个 div，但我没有分配两边的空间。我的意思是说让它们居中对齐。向左浮动css的代码

.container{
    width:100%
    height: auto;
} 

.img{
    width:auto;
    height:auto;
    float:left;
}
.data{
    width:auto;
    height:auto;
}

html code
<div class="container">
    <div class="img"> image goes here</div>
    <div class="data">data goes here</div>
</div>

标签： javascriptphpjqueryhtmlcss

解决方案

如果您将 text-align:center 写入父级。它将对齐他们的子级

谢谢你的评论

.container{
    width:100%
    height: auto;
    text-align:center;
} 

.data{
    width:auto;
    height:auto;
}
<div class="container">
    <div class="img"><img src="https://picsum.photos/200/300"/></div>
    <div class="data">data goes here</div>
</div>

推荐阅读