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。這是代碼片段。

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

<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>

按下面的代碼...

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