HTML / CSS的div长度相同

Question

我有3个div（例如下面的例子）：

<ul>
<div class="parent">
<li>
  <div>
    Lorem Ipsum is simply dummy
  </div>
</li>
</div>
<li>
<div class="parent">
  <div>
    Lorem Ipsum is simply dummy text of the printing and typesetting 
  </div>
</li>
</div>
</div>
</ul>

我希望他们所有人都拥有与最长的相同的宽度。最长的宽度应该与其中的文本加上一些像素（f.e. + 15px）相同。文本将会改变，因此宽度应该动态变化。显示必须是内联表。 是否可以在HTML / CSS中执行类似的操作？

Answer 1

是的，可以使用HTML / CSS。这是代码段。

＆＃13;

＆＃13;

.parent {
  display: inline-block;
  width: auto;
}
.parent div {
  border: 1px solid black;
  padding-right: 15px;
}

＆＃13;

<div class="parent">
  <div>
    Lorem Ipsum is simply dummy
  </div>
  <div>
    Lorem Ipsum is simply dummy text of the printing and typesetting 
  </div>
  <div>
    Lorem Ipsum is simply dummy text of the print 
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

根据以下代码......

＆＃13;

＆＃13;

ul {
    display: inline-block;
}
ul li {
    list-style: none;
}
li div {
    border: 1px solid black;
    padding-right: 15px;
}

＆＃13;

＆＃13;

＆＃13;