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

发布网友发布时间：2022-04-06 11:20

共4个回答

热心网友时间：2022-04-06 12:49

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

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

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

热心网友时间：2022-04-06 14:07

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

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

热心网友时间：2022-04-06 15:42

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-04-06 17:33

怎么让&lt;li&gt;标签里的两句话分别居左居右显示

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