格式如上图， 但是重点是只能用一个<ul>
别用多个<ul>哦 用几个我也会写 谢谢啦
最好是这样
<div>
<ul>
<li>``````</li>
<li>``````</li>
<li>``````</li>
<li>``````</li>
</ul>
<div> 主要是样式有点复杂我搞不太懂
【html】帮我写下这个列表的代码 用<li>
答案:6 悬赏:70 手机版
解决时间 2021-04-30 12:25
- 提问者网友：风月客
- 2021-04-30 06:33
最佳答案
- 五星知识达人网友：从此江山别
- 2021-04-30 07:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.aa{ width:700px; height:500px; background:#ccc;}
.aa ul { width:700px; height:500px; list-style-type:square}
.aa ul li { width:150px; height:25px; line-height:25px; float:left; margin-left:15px;}
</style>
</head>
<body>
<div class="aa">
<ul>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
<li>ddddddddddddddd</li>
</ul>
</div>
</body>
</html>
样式自己调整吧
全部回答
- 1楼网友：廢物販賣機
- 2021-04-30 11:21
有难度吗?
一点难度都没有.
ul{width:400px}
li{width:100px; float:left}
这样子,排满了三个,自然就下去了.当然,这个顺序就是从左到右,从上到下的.
如果要从上到下,从左到右,就只能用三个ul了.
- 2楼网友：逐風
- 2021-04-30 10:10
定义li的宽度然后将li浮动居左就可以了，宽度和间距自己调吧
- 3楼网友：往事埋风中
- 2021-04-30 09:51
<html> <head> <title></title> <style type="text/css"> hr{ border: dashed 1px red; } #layout{ float: left; } ul{ margin: 0px; } #t{ padding-left:50px; } </style> </head> <body> <hr /> <div id="layout"> <ul> <table border="0"> <tr> <td id="t1"> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> </td> <td id="t"> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> </td> <td id="t"> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> <li>你要添加的文字</li> </td> </tr> </table> </ul> </div> </body> </html>
你看这样可不可以、 如果还想再见点一点的话 就用js
- 4楼网友：风格不统一
- 2021-04-30 09:43
<style type="text/css">
ul { width:800px; } ul li { float:left; width:180px; }
</style>
把上面的代码放到到网页中
<div>
<ul>
<li>``````</li>
<li>``````</li>
<li>``````</li>
<li>``````</li>
</ul>
<div>
每一个<li>这里是一个地名</li>
- 5楼网友：慢性怪人
- 2021-04-30 08:05
<style type="text/css">
ul, li {padding:0;margin:0;border:0;}
ul {width:600px;}
ul li
{float:left;display:inline;width:190px;padding-right:10px;height:20px;line-height:20px;}
</style>
<ul>
<li>aaaa</li>
<li>bbb</li>
<li>ccc</li>
<li>dddd</li>
<li>dddd</li>
<li>dddd</li>
</ul>
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯