18910140161

HTML-使用CSS-stack overflow

顺晟科技

2022-10-18 12:09:37

218

将DIV作为子标记移动到与父标记相同的位置

我有这样的东西:

<代码><;DIV类=";家长1";>;<;DIV类=";firstchild";>;第1项<;/DIV>;<;DIV类=";SecondChild";>;第2项<;/DIV>;<;DIV类=";TirthChild";>;第3项<;/DIV>;<;/DIV>;

是否可以将其中一个DIV子项移动到与父项相同的位置?因此,结果将如下所示:

<代码><;DIV类=";家长1";>;<;DIV类=";firstchild";>;第1项<;/DIV>;<;DIV类=";SecondChild";>;第2项<;/DIV>;<;/DIV>;<;DIV类=";TirthChild";>;第3项<;/DIV>;
非常

感谢你的回答。


顺晟科技:

当然,使用<div class="parent1"> <div class="firstchild">Item 1</div> <div class="secondchild">Item 2</div> <div class="tirthchild">Item 3</div> </div>

<div class="parent1">
    <div class="firstchild">Item 1</div>
    <div class="secondchild">Item 2</div>
</div>

<div class="tirthchild">Item 3</div>
<代码>正文>;第{背景颜色:红色;宽度:50%;}.parent1>;第{宽度:50%;背景颜色:绿色;}DIV:之前{内容:“点击我”;}身体>;DIV:之后{内容:“在家长旁边”;}.parent1>;DIV:之后{内容:“内部家长”;}.parent1:之后{内容:“家长”;}
<代码><;DIV类=“ parent1 ”>;<;DIV类=“第一个孩子”>;项目1<;/DIV>;<;DIV类=“ SecondChild ”>;第2项<;/DIV>;<;DIV类=“ TirthChild ”>;第3项<;/DIV>;<;/DIV>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航