【问题标题】：How to set the center alignment for an image in a column and have the text appear below it?如何为列中的图像设置中心对齐并使文本出现在其下方？
【发布时间】：2021-01-24 22:13:45
【问题描述】：
如何为列中的图像设置居中对齐并让文本显示在其下方？
div.col_text {
columns: 2;
}
div img {
width: 120px;
height: 120px;
border: 1px solid black;
background-color: black;
}
<div class="col_text">
<img/>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>
【问题讨论】：
标签：
html
jquery
css
alignment
【解决方案1】：
你可以给它：margin: 0 auto和display:block
display:block 将其设置为块，因此内容被强制在其下方。
margin: 0 auto 将上下边距设置为 0，将左右边距设置为自动居中。
div.col_text {
columns: 2;
}
div img {
width: 120px;
height: 120px;
border: 1px solid black;
background-color: black;
margin:0 auto;
display:block
}
<div class="col_text">
<img/>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>