用文字包装所有文字并将尺寸适合孩子的尺寸？

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>