ZKX's LAB

ul的li横向排列 如何使ul中li元素横向排列且不换行

2020-10-06知识6

怎么让ul里面的li横向靠右排列

ul的li横向排列 如何使ul中li元素横向排列且不换行

如何使ul中li元素横向排列且不换行 哈哈,这个我正好有,定义如下样式,然后给UL class=”box“,大功告成。box ul { list-style-type:none;margin:0px;padding:0px;}.box li { margin:7px;padding:5px;float:left;width:150px;height:190px;}

ul的li横向排列 如何使ul中li元素横向排列且不换行

如何让li横向排列并位于ul的底部 .box ul {list-style-type:none;margin:0px;padding:0px;}box li {margin:7px;padding:5px;float:left;width:150px;height:190px;}

ul的li横向排列 如何使ul中li元素横向排列且不换行

如何使ul中li元素横向排列且不换行 横向排列需要在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;标签

ul li怎么横向排列啊,新手详细点?undefined-ul,li,横向,新手

#ul

随机阅读

qrcode
访问手机版