首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用CSS在一行而不是两行中显示图像?

如何使用CSS在一行而不是两行中显示图像?
EN

Stack Overflow用户
提问于 2020-09-28 20:23:03
回答 1查看 27关注 0票数 0

我在一个显示图片的wordpress网站上有以下代码:

代码语言:javascript
运行
复制
 <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来解决这个问题,并将所有图像显示在具有中心对齐的一行中。

代码语言:javascript
运行
复制
#text-7  {
    width: 100%;
} 
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-09-28 20:40:46

我找到了解决方案:

我的css现在如下:

代码语言:javascript
运行
复制
#text-7  {
    display:flex;
    width: 100%;
} 
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64102116

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档