打印

[讨论] 一个关于UL li列表的,大家有空来讨论下

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

1^# 大中小发表于 2008-6-23 10:58

<div>
<ul>aaaa
<li>一而三四</li><li>一而三四</li><li>一而三四</li>
</ul>
<ul>bbbbb
<li>一而三四</li><li一而三四></li><li>一而三四</li>
</ul>
</div>
就这上边的简单的几行字!
要求如下:
1、不设置ul li的宽度！
2、尽量用最少的div，达到所要的效果！
要实现的效果如下：
aaaa
一而三四一而三四一而三四
bbbb
一而三四一而三四一而三四

谁有空的可以来试一下啊！
小弟是个菜鸟！试了老半天，用不出好方法来！

TOP

做西部数码代理.Cn1元国际45元 | IT专家提醒您此帖已被关注

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

2^# 大中小发表于 2008-6-23 10:59

先来个沙发，占位等大家的高招~

TOP

【美橙超级G空间】688元绑定10个子目录

ship763

闲人763

高级会员

帖子: 467
体力: 774
威望: 0
当前: 广东深圳
离线: 1 天

专长 网页设计,前端制作

3^# 大中小发表于 2008-6-23 11:00

结构有问题，，估计没有人去写

TOP

请大家尊重和保护奥运知识产权。

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

4^# 大中小发表于 2008-6-23 11:15

结构有问题？
楼上的兄弟说清楚点好不？
这个问题是一个朋友丢给我的
弄了好长时间达不到这个效果！

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

ship763

闲人763

高级会员

帖子: 467
体力: 774
威望: 0
当前: 广东深圳
离线: 1 天

专长 网页设计,前端制作

5^# 大中小发表于 2008-6-23 11:21

TOP

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

6^# 大中小发表于 2008-6-23 11:25

补充~~
aaa可以自定加标签！比如<h5>之类的！

TOP

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

7^# 大中小发表于 2008-6-23 11:30

引用:

原帖由 ship763 于 2008-6-23 11:21 发表

aaaa
一而三四一而三四一而三四

bbbb
一而三四一而三四

或者

aaaa
一而三四
一而三四
一而三四

bbbb
一而三四
一而三四
一而三四

不行的兄弟！达不到要求~~
li的排列方式应该是横排，你这样写只是在aaa加了<h3>还是无法实现要求的效果！

TOP

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

8^# 大中小发表于 2008-6-23 11:45

刚刚用了dl dt dd这三个标签来写，也一样达不到所要的效果！

TOP

since66

新手上路

帖子: 19
体力: 35
威望: 0
离线: 9 天

9^# 大中小发表于 2008-6-23 11:47

干嘛不用
<dl>
<dt>aaaa</dt>
<dd>一而三四</dd>
<dd>一而三四</dd>
<dd>一而三四</dd>
</dl>

楼猪那个是标准的dl布局呀!ul只适合用没标题的列表

TOP

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

10^# 大中小发表于 2008-6-23 12:00

知道是标准的dl布局！不过楼上的兄弟，你试着用dl来写一下，看能不能达到要求！
前提是不能设置宽度！

TOP

phantom

林小志

版主

帖子: 1415
体力: 1638
威望: 4
当前: 广东深圳

专长 网页设计,前端制作

11^# 大中小发表于 2008-6-23 12:47

<ul>
<h3>bbbb</h3>
<li>一而三四</li><li一而三四></li><li>一而三四</li>
</ul>

ul里面只有li没有其他的
可以改成这样

<h3>bbbb</h3>
<ul>
<li>一而三四</li><li一而三四></li><li>一而三四</li>
</ul>

重构页面之前先重构自我

TOP

10dw

小盆友

高级会员

帖子: 446
体力: 865
威望: 0
当前: 美洲美国
离线: 2 天

专长 网页设计,JS,PHP

12^# 大中小发表于 2008-6-23 15:25

aaaa<br />
一而三四一而三四一而三四<br />
bbbb<br />
一而三四一而三四一而三四

TOP

winliuxq

中级会员

帖子: 99
体力: 212
威望: 0
离线: 4 天

13^# 大中小发表于 2008-6-23 15:36

复制内容到剪贴板

代码:

<dl>

<dt>aaaa</dt>

<dd>一而三四 一而三四 一而三四</dd>

<dt>bbbbb</dt>

<dd>一而三四 一而三四 一而三四</dd>

</dl>

TOP

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

14^# 大中小发表于 2008-6-23 16:08

汗个！麻烦大家写出来的时候把你的CSS也写出来以便测试

毕竟大家写的CSS样式不一样！

思维可能也不一样

TOP

jxdawei

大伟

版主

帖子: 1734
体力: 2883
威望: 82
当前: 广东广州

专长 前端制作

15^# 大中小发表于 2008-6-23 16:28

请你注意小志在11楼给出的答复，本身你这个xhtml代码的结构是错误的。按照11楼的的正确写法去写就可以了，其他没啥问题了。

F博客

TOP

jn127

新手上路

帖子: 21
体力: 37
威望: 0
当前: 北京海淀区
离线: 2 天

16^# 大中小发表于 2008-6-23 16:48

你是等别人发现成代码吗？
结构出来了，在li上或者dd上加个样式，就好了，float：left；width：；

Ahaa~

TOP

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

17^# 大中小发表于 2008-6-23 17:31

汗个~~
楼上的兄弟
你没看说不能设置width~~
能够设置width的话，那根本就没有问题了~
就是不设width才出的问题~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
回15楼的兄弟：
在能够设置width的情况下，很明显这个根本就不是个问题
按11楼兄弟所写的代码来说依然还存在着的问题就是
当俩个列表同处的时候第二个列表会出错！就是在CSS里边不设置UL的宽度的情况下
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
汗个！也许是我的情况没写清楚吧！！

TOP

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

18^# 大中小发表于 2008-6-23 17:49

提示：您可以先修改部分代码再运行

TOP

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

19^# 大中小发表于 2008-6-23 17:50

这样大家就看清楚了吧

在没有设置ul的宽度的情况下

排列就会出错！

TOP

czjimgua [楼主]

初级会员

帖子: 309
体力: 172
威望: 0
离线: 11 天

20^# 大中小发表于 2008-6-23 17:51

问题就在于：
在不设置ul宽度的情况下，如何使排列正常！

TOP

xyxk123456

禁止访问
有效期至 2008-7-2

帖子: 5
体力: 19
威望: 0
当前: 广西南宁
离线: 65 天

21^# 大中小发表于 2008-6-23 19:59

li定义个左对齐不知道效果如何?

TOP

handan

新手上路

帖子: 14
体力: 46
威望: 0
离线: 59 天

22^# 大中小发表于 2008-6-24 00:26

一句话：
li {display: inline;}

TOP

sunnybai

中级会员

帖子: 167
体力: 356
威望: 0
当前: 广东江门
离线: 4 天

23^# 大中小发表于 2008-6-24 04:02

提示：您可以先修改部分代码再运行

TOP

maryblue

新手上路

帖子: 20
体力: 47
威望: 0
当前: 广东深圳
离线: 7 天

24^# 大中小发表于 2008-6-24 10:27

这个问题终于有了个圆满的结果``呵呵``

种豆得豆

TOP

yoom

新手上路

帖子: 93
体力: 24
威望: 0
当前: 四川成都

25^# 大中小发表于 2008-6-24 10:40

回复 ship763 在 5# 的帖子

结构不对，ul下级中不能包含h3。

XHTML+CSS

TOP

ccddmm

中级会员

帖子: 114
体力: 241
威望: 0
当前: 北京朝阳区
离线: 29 天

26^# 大中小发表于 2008-6-24 11:09

引用:

原帖由 yoom 于 2008-6-24 10:40 发表
结构不对，ul下级中不能包含h3。

那就把它拿外边去：

提示：您可以先修改部分代码再运行

又圆满了``呵呵``

[ 本帖最后由 ccddmm 于 2008-6-24 11:12 编辑 ]

TOP

chiyuderen

amot

银牌会员

帖子: 570
体力: 1179
威望: 0
当前: 上海普陀
离线: 1 天

27^# 大中小发表于 2008-6-25 16:40

提示：您可以先修改部分代码再运行

学习```

TOP

thelucky

初级会员

帖子: 141
体力: 118
威望: 0
当前: 广东深圳
离线: 1 天

专长 前端制作

28^# 大中小发表于 2008-6-25 16:47

提问题前请先把页面结构弄正确了
你可以先做个简单页面去W3C验证下错误先
你朋友给你的不代表正确
新手学CSS的话建议先把HTML的结构先了解清楚

itroam.com

TOP

Dabinl

中级会员

帖子: 172
体力: 212
威望: 0
当前: 广东广州

29^# 大中小发表于 2008-6-25 16:59

<dl>
<dt>aaaa</dt>
<dd>一而三四</dd><dd>一而三四</dd><dd>一而三四</dd>
</dl>

<dl>
<dt>aaaa</dt>
<dd>一而三四</dd><dd>一而三四</dd><dd>一而三四</dd>
</dl>

设置DD 左浮动,width:33%

这种效果还是不错的,标题加内容

广州旅游

TOP

Sandyluo

初级会员

帖子: 110
体力: 118
威望: 0
当前: 广东深圳
离线: 1 天

30^# 大中小发表于 2008-6-25 17:29

小志正解，差点在标签的语意化上被他们忽悠了。

安静！

TOP