怎样在li中设置两个span标记左右浮动?

发布网友 发布时间:2022-04-24 01:58

我来回答

1个回答

热心网友 时间:2022-05-26 09:56

两种方法,一个是右浮的写在前面,定义右浮动

另一个是按顺序写,左边的定义左浮动,右边的定义右浮动,但这样外盒的高度要给定一下,要不容易出问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
.top{
width:400px;border:1px solid gray;line-height:2em;
}
.left{
float:left;
display:inline;
}
.right{
float:right;
display:inline;
}
</style>
</HEAD>

<BODY>
右浮动:<div class="top"><span class="right">右边内容写在左边</span><span >左边内容写在右边</span></div>
左右浮动:<div class="top"><span class="left">左边内容写在左边</span><span class="right">右边内容写在右边</span></div>
</BODY>
</HTML>

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com