用文字包裝所有文字並將尺寸適合孩子的尺寸？

Question

我有以下的html代碼：

<div class="container"> 
    This is just some text. This is just some text. This is just some text.<br><br> 
    <label>Input: <input type="text"></label> 
</div> 

我需要的DIV是<label>的寬度和自動換行。

如果沒有文字，我可以製作。容器內聯塊，以便它符合標籤，但它會與文本一致。

這可能嗎？

Answer 1

以下示例使用CSS完成此操作：display: table-caption;在div和white-space: nowrap;上的label。

單擊下面的「運行代碼片段」按鈕，查看它實際呈現的方式。 （這只是HTML嵌入CSS;不需要JavaScript）

<div class="container" style="display: table-caption;"> 
 
\t This is just some text. This is just some text. This is just some text.<br><br> 
 
\t <label style="white-space: nowrap;">Input: <input type="text"></label> 
 
</div>