0

我正在使用 Divi 开发一个网站。我正在做标题，其中包含分为三列的行。其中一列必须有两个相邻的模块：一个图像模块（三个点是一个 png 文件）和一个社交媒体模块。

我尝试为两者分配一个类，然后在 Divi 主题选项中使用 CSS，但它不起作用。我使用的 CSS 是：

.header-social-image{ 显示：弹性；}

我附上了列的当前状态和想要的结果的图像。

当前列 想要的结果

4

3 回答 3

1

你想要这样的东西吗？

.container {border: 1px solid #000; display: flex;justify-content:space-between;}
.dots {border: 1px solid brown;}
span {display:inline-block;height:50px; width: 50px;border-radius:50%;margin:10px;}
.red{background: red;}
.blue{background: blue;}
.green{background:green;}

.social_media {border:1px solid #000;}
.fb{color:blue;font-size:36px;}
.tw{color:aqua;font-size:36px;}
<div class="container">
  <div class="dots">
    <span class="red"></span>
    <span class="blue"></span>
    <span class="green"></span>
  </div>
  <div class="social_media">
    <span class="fb">FB</span>
    <span class="tw">Tw</span>
  </div>
</div>

于 2020-12-17T01:54:50.943 回答
0

当您插入一列时，Regular 和 full with 之间有一个 Specialty 选项，也许其中一个可以提供帮助。 寻找附加的图像

于 2020-12-21T04:00:05.180 回答
0

您可能需要使用<span>标签。默认情况下，大多数 HTML 元素都是块级元素，这意味着它们不会显示在同一行。<span>通过将这些元素转换为单行显示的内联元素来帮助解决此问题。

因此，您需要将模块嵌入到一个总体<span>标签中以相应地显示。

于 2020-12-17T01:56:47.480 回答