如何使ul中li元素横向排列且不换行
1个回答
展开全部
横向排列需要在CSS中设定一个浮点,属性名为float 设定为Left 或者 Right
这两个有差别 如果是Left 它会往左开始 1 2 3 4 如果是 Right是 往右开始 4 3 2 1
代码可以这么写
lt;style;
.LinkUl { float:left; }
lt;/style;
lt;div ;
lt;h3;lt;b;友情链接lt;/b;lt;/h3;
lt;ul id=ul1 class=LinkUl;
lt;li;这是第一列的第一个lt;/li;
lt;li;这是第一列的第二个lt;/li;
lt;li;这是第一列的第三个lt;/li;
lt;/ul;
lt;ul id=ul2 class=LinkUl;
lt;li;这是第二列的第一个lt;/li;
lt;li;这是第二列的第二个lt;/li;
lt;li;这是第二列的第三个lt;/li;
lt;/ul;
lt;ul id=ul3 class=LinkUl;
lt;li;这是第三列的第一个lt;/li;
lt;li;这是第三列的第二个lt;/li;
lt;li;这是第三列的第三个lt;/li;
lt;/ul;
lt;/div;
也可以适用于lt;li;标签
这两个有差别 如果是Left 它会往左开始 1 2 3 4 如果是 Right是 往右开始 4 3 2 1
代码可以这么写
lt;style;
.LinkUl { float:left; }
lt;/style;
lt;div ;
lt;h3;lt;b;友情链接lt;/b;lt;/h3;
lt;ul id=ul1 class=LinkUl;
lt;li;这是第一列的第一个lt;/li;
lt;li;这是第一列的第二个lt;/li;
lt;li;这是第一列的第三个lt;/li;
lt;/ul;
lt;ul id=ul2 class=LinkUl;
lt;li;这是第二列的第一个lt;/li;
lt;li;这是第二列的第二个lt;/li;
lt;li;这是第二列的第三个lt;/li;
lt;/ul;
lt;ul id=ul3 class=LinkUl;
lt;li;这是第三列的第一个lt;/li;
lt;li;这是第三列的第二个lt;/li;
lt;li;这是第三列的第三个lt;/li;
lt;/ul;
lt;/div;
也可以适用于lt;li;标签
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询