css 如何在LI中将文本对齐成两列？

pieyvz9o 于 2023-02-26 发布在其他

关注(0)|答案(1)|浏览(173)

因此，我有这个基本的无序列表与5列表，我想知道如何使每个列表中的文本对齐两个部分，看起来像这样一些帮助：

专题1（定义）
专题2（定义）
专题3（定义）
专题4（定义）
专题5（定义）

其中（定义）在主题之间有一个巨大的空间，这样它看起来就像一个两列的列表。

css

来源：https://stackoverflow.com/questions/75539657/how-to-align-text-into-two-columns-within-li

1条答案

按热度按时间

anauzrmj1#

听起来像是description list与grid组合的工作。

dl {
  display: grid;
  grid-template-columns: auto auto;
}
dt {
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
}

<dl>

  <dt>Topic 1</dt>
  <dd>(definition)</dd>

  <dt>Topic 2</dt>
  <dd>(definition)</dd>

  <dt>Topic 3</dt>
  <dd>(definition)</dd>

  <dt>Topic 4</dt>
  <dd>(definition)</dd>

  <dt>Topic 5</dt>
  <dd>(definition)</dd>

</dl>

赞(0）回复(0）举报 2023-02-26

我来回答

css 如何在LI中将文本对齐成两列？

1条答案

相关问题

热门标签

最新问答