在没有表的情况下在HTML和CSS中对齐3个图像

Question

我试图对齐2张图片和一些文字。 我不想用表来做这件事。

有没有办法使用内联样式？ 我希望他们所有人的间隔也一样。

IMG 1＆gt;文字＆gt; IMG 2

希望这是有道理的

Answer 1

试试这个，

<强>更新

div {
    text-align: justify;
    display:table;
}

span{
    display:table-cell;
    vertical-align:middle;
    padding:0 60px;
}

<div>
 <img src="http://www.raisedeyebrow.com/sites/www.raisedeyebrow.com/files/blog/2012/01/fff.png" alt=""  /> 
 <span>Text Here</span>
 <img src="http://www.raisedeyebrow.com/sites/www.raisedeyebrow.com/files/blog/2012/01/fff.png" alt="" />
</div>

Answer 2

您可以使用flexbox执行此操作：

HTML

<div>
    <img />
    <p>text</p>
    <img />
</div>

CSS

div {
    display: flex;
    justify-content: center;
}

更多信息：https://css-tricks.com/snippets/css/a-guide-to-flexbox/