您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站
问答- 问题:如何使用flexbox在另一个下方有多个dd并排对齐dt和dd？

如何使用flexbox在另一个下方有多个dd并排对齐dt和dd？

如何使用flexbox在另一个下方有多个dd并排对齐dt和dd？

如何将设置flex-wrap为，dl并且将的宽度> 50％与dd 一起使用margin-left: auto？

请参见下面的演示：

dl {

  display: flex;

  flex-wrap: wrap;

}

dt {

  width: 33%;

}

dd {

  margin-left: auto;

  width: 66%;

}


<dl>

  <dt>Authors</dt>

  <dd>John Doe</dd>

  <dd>Jane Doe</dd>

  <dd>Max Mustermann</dd>

</dl>



<dl>

  <dt>Publishers</dt>

  <dd>John Doe</dd>

  <dd>Jane Doe</dd>

  <dd>Max Mustermann</dd>

</dl>
其他 2022/1/1 18:15:34 有402人围观

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进，让解决方法与时俱进

请先登录

推荐问题

联系我

联系我

602392714

清零编程清零编程群

置顶