时间戳

首页 > 解决方案 > 如何在具有不同 td 的表中对齐 div 或 li

html - 如何在具有不同 td 的表中对齐 div 或 li

问题描述

我想将右 li 与左 li 对齐。有没有我可以用于这个的 css 技术？喜欢使用 ids 来对齐它吗？我卡住了请帮忙

在此处输入图像描述

标签： htmlcss

解决方案

不确定这是否是您想要做的...无论如何都需要查看您的代码，如果您对信息进行硬编码，那么您可以使用伪元素正确对齐它们

<body>
  <ul>
    <div>
      <li>Lorem Ipsum is simply dummy text of the printing</li>
      <li>DATE 1 </li>
    </div>

    <div>
      <li>Lorem Ipsum is simply dummy text of the printing</li>
      <li>DATE 2</li>
    </div>

    <div>
      <li>Lorem Ipsum is simply dummy text of the printing</li>
      <li>DATE 3</li>
    </div>
  </ul>
</body>

div {
  display: flex;
}

li {
  margin: 0 20px;
  width: 25%
}

推荐阅读