css 使不同div在同一行内。在某个词前,加了好几层div .怎样方便的使之成为行内的样式。
<body><divclass="a1"><divclass="a2"><divclass="a3">第一个词</div></div></div><divclass="b...
<body>
<div class="a1">
<div class="a2">
<div class="a3">
第一个词
</div>
</div>
</div>
<div class="b1">第二个词</div>
</body>
如何使上述代码的“第一个词” 与“第二个词”在同一行内。
并且,第一个词上的div 非常多的情况下。怎样设置。 展开
<div class="a1">
<div class="a2">
<div class="a3">
第一个词
</div>
</div>
</div>
<div class="b1">第二个词</div>
</body>
如何使上述代码的“第一个词” 与“第二个词”在同一行内。
并且,第一个词上的div 非常多的情况下。怎样设置。 展开
4个回答
展开全部
<style type="text/css">
<!--
.a1{
float:left;
}
.a2{
......
}
.a3{
......
}
.b1{
......
}
-->
</style>
<div>
<div class="a1">
<div class="a2">
<div class="a3">
第一个词
</div>
</div>
</div>
<div class="b1">
第二个词
</div>
</div>
最外边那个DIV可以 不加,不过,不加的情况下很可能会影响到后边的样式,所以们建议最外边多加个DIV将两个词打包!
<!--
.a1{
float:left;
}
.a2{
......
}
.a3{
......
}
.b1{
......
}
-->
</style>
<div>
<div class="a1">
<div class="a2">
<div class="a3">
第一个词
</div>
</div>
</div>
<div class="b1">
第二个词
</div>
</div>
最外边那个DIV可以 不加,不过,不加的情况下很可能会影响到后边的样式,所以们建议最外边多加个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 class="a2">里还是<div class="a1">里或是在
<div class="a1">之外?
如果是在<div class="a1">之外那你把<div class="a1">和<div class="b1">第二个词</div>加上float:'left'自己看一下灵活运用
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
兄台,试试吧,绝对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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div style="width: 200px;">
<div style="float:left; width: 80px;">1</div>
<div style="float:left; width: 100px;">2</div>
</div>
<div style="float:left; width: 80px;">1</div>
<div style="float:left; width: 100px;">2</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询