怎样在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>
