打印

[求助] span 如何设置宽度?

woodeye [楼主]

新手上路

帖子: 24
体力: 4
威望: 0
离线: 676 天

1^# 大中小发表于 2006-5-27 14:40

代码一：

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

代码二：

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

为什么加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这一句，span的宽度失效了？

[ 本帖最后由 blankzheng 于 2007-4-17 09:08 编辑 ]

www.woodeye.net
蓝色理想你我共享

TOP

西部数码港台主机新上线即买即用 | 211工程高起专、高起本、专升本

小毅

悟禅布衣

荣誉管理团队

认证
帖子: 1135
体力: 1664
威望: 218
当前: 广东广州
离线: 13 天

专长 网站运营,项目管理,市场

2^# 大中小发表于 2006-5-27 14:51

span不是块级的所以其宽度是依据内容的多少而定，你必需要设定span为BLOCK这样才可以设置宽度！

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

毅博客 玉振之

TOP

PSD网页模板下载,高端实用 | 微软 visual studio 2010 专题

fengbuhuo

中级会员

帖子: 183
体力: 352
威望: 0
当前: 北京海淀区
离线: 66 天

专长 UI,JS,产品设计

3^# 大中小发表于 2006-5-27 19:31

恩，不错，学习了。呵呵

TOP

刘宾设计咨询机构/案例集1.3下载(268p) | 用画笔实现你的“原画设计师”梦想！

LeeStyle

新手上路

帖子: 8
体力: 24
威望: 0
离线: 1524 天

4^# 大中小发表于 2006-5-28 19:10

多谢小毅,学到东西咯!!!

TOP

mymike

初级会员

帖子: 66
体力: 51
威望: 0
离线: 1159 天

5^# 大中小发表于 2006-5-28 20:37

呵呵，也学到一手！

我的网站：http://www.mymiker.com
我的博客：http://www.mymiker.com/blog/

TOP

dx1

初级会员

帖子: 48
体力: 128
威望: 0
当前: 广东广州
离线: 68 天

6^# 大中小发表于 2006-9-12 06:30

不错的技巧,多谢楼主!!!

希望能够帮到你……

TOP

snwebsite

蓝色怪兽

荣誉管理团队

帖子: 4347
体力: 7370
威望: 69
当前: 香港香港

7^# 大中小发表于 2006-9-12 07:26

也可以这样，不设置宽度

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

TOP

leaon

中级会员

认证
帖子: 193
体力: 253
威望: 4
当前: 上海徐汇
离线: 101 天

8^# 大中小发表于 2007-4-17 08:36

引用:

原帖由 snwebsite 于 2006-9-12 07:26 发表
也可以这样，不设置宽度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equi ...

9月份的帖还要顶~~snwebsite，你这种方法不兼容FF啊？

[ 本帖最后由 leaon 于 2007-4-17 08:40 编辑 ]

TOP

karlen

状元

高级会员

认证
帖子: 673
体力: 535
威望: 2
当前: 浙江杭州
离线: 53 天

专长 前端制作,产品设计,策划

9^# 大中小发表于 2007-4-18 13:47

学到点。

哥上的不是BI是寂寞 www.topcss.cn

TOP

colinivy

柯零艾薇

管理员

认证
帖子: 1994
体力: 9132
威望: 38
当前: 浙江杭州
离线: 1 天

专长 UI,前端制作,PHP

10^# 大中小发表于 2007-4-19 08:40

把span 定义为块级对象，不如直接用div了

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

宽己之心宽人，责人之心责己-----天地宽矣！

TOP

blank

怿飞

荣誉管理团队

认证
帖子: 2364
体力: 3489
威望: 125
当前: 浙江杭州
离线: 3 天

专长 前端制作,JS,WAP

11^# 大中小发表于 2007-4-19 08:46

引用:

原帖由 leaon 于 2007-4-17 08:36 发表

9月份的帖还要顶~~snwebsite，你这种方法不兼容FF啊？

这种方法的确不兼容FF，是通过触发span的layout。

个人Blog：PlanABC 团队Blog：淘宝UED 专注Web前端技术！

TOP

colinivy

柯零艾薇

管理员

认证
帖子: 1994
体力: 9132
威望: 38
当前: 浙江杭州
离线: 1 天

专长 UI,前端制作,PHP

12^# 大中小发表于 2007-4-19 08:54

请问版主
为什么我把他设置为float:left就可以了呢代码在#10
IE FF都可以

宽己之心宽人，责人之心责己-----天地宽矣！

TOP

bluealarm

初级会员

帖子: 50
体力: 106
威望: 0
当前: 北京海淀区
离线: 175 天

13^# 大中小发表于 2007-4-19 10:26

有时候是为了更多的利用其它的标签，直接在css里面定义而不必再用class或id调用样式了。大量使用div标签不容易看清结构，就算用退格的形式有时候也容易看走眼，所以有时候还是需要把其它标签定义为块类型调节一下的，当然这种标签最好用没有语义的标签。

TOP

yougucaofan

银牌会员

帖子: 1163
体力: 2136
威望: 0
离线: 9 天

14^# 大中小发表于 2007-4-19 10:44

回小毅：犯了一个常规的小错误display:block; float:left;
浮动对象默认是块，也就没有必要用display:block

回snwebsite ，display:inline-block不兼容

忍受。一定要学会忍受。

TOP

Amyni

中级会员

帖子: 97
体力: 210
威望: 0
当前: 北京海淀区
离线: 216 天

15^# 大中小发表于 2008-11-5 20:13

用hack

span在ff2中不识别 display:inline-block的设置，加上display:-moz-inline-box;就可以了。

好似
display:-moz-inline-box;要写在前面，display:inline-block写后面。
比如：
#except span{
display:-moz-inline-box;
display:inline-block
}
这样到了ff3也可以识别。

ps：我是看这个帖子好似没特方便的解决方案，可上网搜"span的宽度"又只有这个帖子靠谱才回复，不是捣乱哈～～

TOP

wangkaye

中级会员

认证
帖子: 217
体力: 409
威望: 0
当前: 上海闵行

专长 前端制作,SEO

16^# 大中小发表于 2008-11-5 21:25

用padding-left和padding-right
或
margin-left和margin-right

是否合适，我在 Fx3 下看有效果。

小马's Blog

TOP

hzhjun

华仲君

高级会员

认证
帖子: 512
体力: 773
威望: 5
当前: 北京海淀区

专长 前端制作

17^# 大中小发表于 2008-11-6 09:14

楼上这种方法显示上没有问题，但使内容失去了自由

iqianduan.com

TOP

linsen214

午夜屠猪男

中级会员

认证
帖子: 123
体力: 245
威望: 0
当前: 浙江温州
离线: 16 天

专长 前端制作,JS

18^# 大中小发表于 2008-11-6 09:44

span是内联的，把它表示成块就可以了。display：block；

TOP

grainrain

初级会员

帖子: 38
体力: 88
威望: 0
当前: 上海长宁
离线: 511 天

19^# 大中小发表于 2008-11-6 11:01

还可以设置内边距，既实际扩大了内容大小。可以不用设定成块

TOP