- 主题:看w3c school教程,有个问题请教大家
谢谢
我试了一下,其他没问题,就是我列表float left的时候为何会有空隙呢?
截图之后你帮我看看原因?我用了outside也不行:(
代码:
<div>
<div style="float: left;">
<ul class="jiyu">
<li><span style="font-size:14px;font-family:微软雅黑
,microsoft yahei;">基
于</span>
。。。
</li>
</div>
</div>
css:
.jiyu {float: left; font-size:14px; font-family:微软雅黑,microsoft yahei; li
st-style-type:none; list-style-position: outside;}
.jiyu li{padding-top:10px; list-style-position: outside;}
【 在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: 如果图是一个整体,可以考虑将图片作为背景
: 这样你只需控制文字格式即可
: 怎样处理合适,要看你实际情况来
: ...................
--
FROM 58.23.89.*
图片
为何“基于”左边会有空隙呢?
【 在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: 如果图是一个整体,可以考虑将图片作为背景
: 这样你只需控制文字格式即可
: 怎样处理合适,要看你实际情况来
: ...................
--
FROM 58.23.89.*

光看图不好确认
你先设置一个通用格式:
*{margin: 0;padding: 0;}
这是为了消除浏览器的默认边距,也是为了解决不同浏览器的兼容性问题。
然后你可以通过设置背景色来“调试”一下,看看为何有空白。。
当然最好你能有chrome,通过右键的“审查该元素”来看,比较方便。。
【 在 marco2798 的大作中提到: 】
: 图片
: 为何“基于”左边会有空隙呢?
:
--
FROM 222.161.199.*
firebug有同样的功能吗?
我是确定有空隙了,但是不知道什么原因造成的,或者说改不了。
一个列表是必然会有空隙吗?怎么才能让列表和前面段落内容对齐呢?我用了padding-left 但是没有效果:(
【 在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: 光看图不好确认
: 你先设置一个通用格式:
: *{margin: 0;padding: 0;}
: ...................
--
FROM 116.247.103.*
貌似能改,只是我觉得有空隙更好。
【 在 marco2798 的大作中提到: 】
: firebug有同样的功能吗?
: 我是确定有空隙了,但是不知道什么原因造成的,或者说改不了。
: 一个列表是必然会有空隙吗?怎么才能让列表和前面段落内容对齐呢?我用了padding-left 但是没有效果:(
--
FROM 222.161.201.*
其实我觉得无所谓
可是别人要求改,我也没办法。
【 在 zzjyingzi (十六点五) 的大作中提到: 】
: 貌似能改,只是我觉得有空隙更好。
--
FROM 116.247.103.*
说服他,空隙使得页面层次上分明了。
【 在 marco2798 的大作中提到: 】
: 其实我觉得无所谓
: 可是别人要求改,我也没办法。
--
FROM 222.161.201.*
列表不是必然有空隙的。。
单看你这代码,看不出为啥没对齐。。
你把各个块用背景色渲染一下不就比较出来了?
【 在 marco2798 的大作中提到: 】
: firebug有同样的功能吗?
: 我是确定有空隙了,但是不知道什么原因造成的,或者说改不了。
: 一个列表是必然会有空隙吗?怎么才能让列表和前面段落内容对齐呢?我用了padding-left 但是没有效果:(
--
FROM 222.161.199.*
回车去掉吧先 。
【 在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: 列表不是必然有空隙的。。
: 单看你这代码,看不出为啥没对齐。。
: 你把各个块用背景色渲染一下不就比较出来了?
: ...................
--
FROM 61.135.152.211
谢谢你
呵呵 虽然我没明白你的目的
我也变了背景色,可是不知道怎么找出问题。
不过我试了试,应该是在css jiyu类里加上padding和margin=0就可以了。
【 在 huaxinjuedui (唐僧哥哥) 的大作中提到: 】
: 列表不是必然有空隙的。。
: 单看你这代码,看不出为啥没对齐。。
: 你把各个块用背景色渲染一下不就比较出来了?
: ...................
--
FROM 218.107.216.*