css 使不同div在同一行内。在某个词前,加了好几层div .怎样方便的使之成为行内的样式。

来源:百度知道 编辑:UC知道 时间:2024/06/24 06:53:50
<body>
<div class="a1">
<div class="a2">
<div class="a3">
第一个词
</div>
</div>
</div>

<div class="b1">第二个词</div>
</body>
如何使上述代码的“第一个词” 与“第二个词”在同一行内。
并且,第一个词上的div 非常多的情况下。怎样设置。

你的<div class="b1">第二个词</div>是在哪个DIV里面?
在<div class="a2">里还是<div class="a1">里或是在
<div class="a1">之外?
如果是在<div class="a1">之外那你把<div class="a1">和<div class="b1">第二个词</div>加上float:'left'自己看一下灵活运用

<div style="width: 200px;">
<div style="float:left; width: 80px;">1</div>
<div style="float:left; width: 100px;">2</div>
</div>

兄台,试试吧,绝对OK

<style>
.a1,.a2,.a3 {
float:left;
}

.b1 {
float:left;
}
</style>

<body>
<div class="a1">
<div class="a2">
<div class="a3">
第一个词
</div>
</div>
</div>
<div class="b1">第二个词</div>
</body>