Question

我在div中对齐元素时遇到问题。我有以下div：

0: Array(3) [ 11, 2, 3 ]

1: Array(3) [ 1, 2, 3 ]

2: Array(3) [ 1, 2, 3 ]

SCSS：

<div class="lists-wrapper">
  <div class="list">
   <h4>List 1</h4>         
   <ul>
     <li>item 1</li>
     <li>item 2</li>
     <li>item 3</li>
   </ul>
  </div>  
  <div class="list">
   <h4>List 2</h4>         
   <ul>
     <li>item 1</li>
     <li>item 2</li>
     <li>item 3</li>
     <li>item 4</li>
     <li>item 5</li>
   </ul>
  </div>  
  <div class="list">
   <h4>List 3</h4>         
   <ul>
     <li>item 1</li>
     <li>item 2</li>
     <li>item 3</li>
     <li>item 4</li>
   </ul>
  </div>  
  <div class="list">
   <h4>List 4</h4>         
   <ul>
     <li>item 1</li>
     <li>item 2</li>
     <li>item 3</li>
     <li>item 4</li>
     <li>item 5</li>
   </ul>
  </div>         
</div>

我正在使用React和jquery方法对我不起作用问题是.list类块现在彼此正确对齐，但是例如当h4宽度很长时，它将拆分到第二行，并且ul不与其他列表块中的其他ul对齐，因为它下降了一点，因为改变h4的高度。我希望对齐方式相对于行中的其他ul相对有效，这可能吗？

将块中的元素与其他块中的其他元素对齐（列表）

0 个答案: