时间戳

首页 > 解决方案 > 如何使用 CSS 以一行而不是两行呈现图像？

css - 如何使用 CSS 以一行而不是两行呈现图像？

问题描述

wordpress我在显示图像的网站中有以下代码：

 <div id="text-7" class="widget widget_text"><div class="inner-wrap clearfix">          <div class="textwidget"><p><center><img class="alignnone wp-image-956" src="/wp-content/uploads/2019/12/02-EU-2-300x218.png" alt="" width="85" height="62" />       <img class="alignnone wp-image-954" src="/wp-content/uploads/2019/12/03-Republic-of-Cyprus-300x245.png" alt="" width="77" height="62" />      <img class="alignnone wp-image-955" src="/wp-content/uploads/2019/12/04-ΔΤ-300x179.png" alt="" width="106" height="63" />   <img class="alignnone wp-image-884" src="/wp-content/uploads/2019/11/logo-ipe.png" alt="" width="117" height="51" />   <img class="alignnone wp-image-957" src="/wp-content/uploads/2019/12/cs-ucy-logo-300x66.jpg" alt="" width="203" height="44" /></center></p>
</div>

现在，此内容不会在一行中呈现：在此处输入图像描述

我需要编辑以下内容CSS以解决此问题并将所有图像呈现在一条具有中心对齐的行中。

#text-7  {
    width: 100%;
}

标签： csswordpress

解决方案

我找到了解决方案：

我的css现在如下：

#text-7  {
    display:flex;
    width: 100%;
}

推荐阅读