Question

我有一个像这样的div，打算成为一个充满活力的领域创造者。

<div id='parent'>
    <div id='child1'>
        <input type='text'></input>
    </div>
    <div id='child2'>
        <input type='text'></input>
    </div>
</div>

正如您在此处看到的https://jsfiddle.net/xj0c50th/，新克隆div中的样式将丢失。

为什么会这样？

Answer 1

你的风格实际上应用得很好。如果您检查元素，您会注意到样式存在且宽度已正确应用。

问题是你要复制元素，而不是空白。由于输入和标签是默认的内联块元素，因此空格是相关的。

Answer 2

你唯一缺少的是元素之间的空格..看看这个小提琴.. https://jsfiddle.net/rmcmaster/xj0c50th/2/

我为元素添加了样式，并将原始元素串在一起。

CSS

label, input {
    margin-right:5px;
    margin-bottom: 5px;
}
button {
    width: 25px;
}

HTML

<label for="tag1">Label</label><input id="tag1" type="text" style="width:100px;"><label for="path1">Path</label><input id="path1" type="text" style="width:350px;"><button id='btn1' onclick="addmore()"> + </button>

重复的div失去了风格

2 个答案: