怎么让标签里的两句话分别居左居右显示

发布网友发布时间：2022-05-06 02:47

共4个回答

热心网友时间：2022-06-28 13:19

常用的方法是使用浮动。
将<li>中两句话分别设置样式并使用浮动。然后使用左，右浮动，这样就能左右显示了。
给出页面代码：
<ul>
<LI> <a href="#">左边</A>

右边
</LI>
<ul>
在css中写法

.left{float：left; width:50% ;}
.right{float：right; width:50% ;}
这样就能使左边靠左，右边向右显示。上面设置为左右各占外围盒子的宽度50%。
注意：左右两边的宽度，相加的宽度不要超过外围<ul>盒子的宽度，否则会有一边被挤下来。

热心网友时间：2022-06-28 13:19

单独使用li标签，是无法让里面的两句话分别居左和居右显示的。

应当在li标签内，分别使用两个块级标签，如，span,i,em,a,这些，把两句话分别装在这些标签内，再分别进行浮动，即左右对齐显示。

热心网友时间：2022-06-28 13:20

li{
display:block;

width:200px; /*这里是你LI的宽度*/

}
li em{
display:block;

float:left;

}
li a{
display:block;

float:right;

}

根据你的代码大概这样就行了
还有，你第一行的a标签的左尖括号写掉了
<li>2014-03-05 <a href="">必玩网</a></li>

热心网友时间：2022-06-28 13:20