新足迹 › 论坛 › 兴趣爱好区 › IT与科技 › IT专业论坛 › CSS 大牛请进

精华好帖回顾
· 写给女儿的信2022 (2022-12-15) rivaldo	· 堪培拉夜拍几张 (2012-5-1) workflow
· 送小女上牛津的感想 (2019-10-20) 海之女	· 台湾小吃记（全部更新完毕） (2018-6-4) harbridge

查看: 1805|回复: 22

CSS 大牛请进 [复制链接]

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-15 13:33 |显示全部楼层

此文章由 atransformer 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 atransformer 所有！转贴必须注明作者、出处和本声明，并保持内容完整

我的css file

body {
background-color: #075CAC;
text-align: center;
}
body {
text-align: -moz-center;
}
div.msg {
background-color: White;
}
table {
background-color: White;
border-collapse: collapse;
box-shadow: 5px 5px 7px #333333;
}
table, td, th {
border: 1px solid #E0FFFF;
}
th {
background-color: Blue;
color: white;
}
label.error {
color: red;
font-style: italic;
}
input.error {
border: 2px solid red;
}

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-15 13:34 |显示全部楼层

为什么 text-align: center; 在 ie8 里不工作？？

ie 5-7 都可以

Dan.and.Andy

铜靴族

发表于 2011-9-15 14:18 |显示全部楼层

此文章由 Dan.and.Andy 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 Dan.and.Andy 所有！转贴必须注明作者、出处和本声明，并保持内容完整

首先，00后的变形金刚问问题的时候把html一起贴上来，否则，谁知道你那个table 在div.msg里还是外？其次，ie5你都测？

我猜如果是div.msg 不居中，那么加一个
div.msg {
background-color: White;
display: inline-block;
}

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-15 14:30 |显示全部楼层

原帖由 Dan.and.Andy 于 2011-9-15 13:18 发表
首先，00后的变形金刚问问题的时候把html一起贴上来，否则，谁知道你那个table 在div.msg里还是外？其次，ie5你都测？

我猜如果是div.msg 不居中，那么加一个
div.msg {
background-color: White;
display: inline-block;
}

display: inline-block; 也不行。 html 没法贴，太多信息了

Dan.and.Andy

铜靴族

发表于 2011-9-15 14:33 |显示全部楼层

原帖由 atransformer 于 2011-9-15 13:30 发表

display: inline-block; 也不行。 html 没法贴，太多信息了

那你那个css没有任何意义，谁不居中都不好说，用排除法花点时间一层层的滤吧。

典

银靴族

发表于 2011-9-15 14:41 |显示全部楼层

此文章由典原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者典所有！转贴必须注明作者、出处和本声明，并保持内容完整

如果是td/th, 可以试一下td / th 里用align="center"

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-15 14:52 |显示全部楼层

原帖由 Dan.and.Andy 于 2011-9-15 13:33 发表

那你那个css没有任何意义，谁不居中都不好说，用排除法花点时间一层层的滤吧。

不能这么说，那个背景色还是干活的

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-15 14:52 |显示全部楼层

原帖由典于 2011-9-15 13:41 发表
如果是td/th, 可以试一下td / th 里用align="center"

让我试试 <body style="text-align:center"> 先

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-15 14:54 |显示全部楼层

<body style="text-align:center"> 也不行

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-15 14:55 |显示全部楼层

现在的 workaround 是用这个

porcorosso

金靴族

发表于 2011-9-15 14:57 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 atransformer 于 2011-9-15 13:52 发表

让我试试先

如果我猜对你的意思，用

margin:0 auto;

复制代码

评分

参与人数 1	积分 +2	收起理由
atransformer	+ 2

查看全部评分

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-15 15:12 |显示全部楼层

原帖由 porcorosso 于 2011-9-15 13:57 发表

如果我猜对你的意思，用margin:0 auto;

一样不干活。

ahwen

银靴族

发表于 2011-9-15 15:20 |显示全部楼层

此文章由 ahwen 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 ahwen 所有！转贴必须注明作者、出处和本声明，并保持内容完整

text-align只对inline的元素起作用，block的元素像table, div不起作用的，最简单的办法是指定width 然后用margin: 0 auto使其居中。

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-15 15:28 |显示全部楼层

原帖由 ahwen 于 2011-9-15 14:20 发表
text-align只对inline的元素起作用，block的元素像table, div不起作用的，最简单的办法是指定width 然后用margin: 0 auto使其居中。

问题是为何 ie 5 - ie 7 都起作用。只有 ie8 不干活？

ahwen

银靴族

发表于 2011-9-15 15:31 |显示全部楼层

此文章由 ahwen 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 ahwen 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 atransformer 于 2011-9-15 14:28 发表

问题是为何 ie 5 - ie 7 都起作用。只有 ie8 不干活？

那倒奇怪，把完整点的html代码贴出来看看？

hywyh

皮靴族

发表于 2011-9-15 15:32 |显示全部楼层

此文章由 hywyh 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 hywyh 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 porcorosso 于 2011-9-15 13:57 发表

如果我猜对你的意思，用margin:0 auto;

把margin用在body的内部元素中。

鱼羊鲜

水晶靴族

发表于 2011-9-15 15:39 |显示全部楼层

此文章由鱼羊鲜原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者鱼羊鲜所有！转贴必须注明作者、出处和本声明，并保持内容完整

放出测试url，大家就比较好帮忙来

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-15 16:08 |显示全部楼层

谢谢各位。码水平太低，怕被大牛们耻笑。

先用这个吧

div.mainDiv
{
text-align: left;
width: 40%;
margin: 0 auto;
}

乱码

银靴族

发表于 2011-9-15 16:27 |显示全部楼层

此文章由乱码原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者乱码所有！转贴必须注明作者、出处和本声明，并保持内容完整

我css也就是bug fixing的水平，帮不上你，顶一下！

porcorosso

金靴族

发表于 2011-9-15 17:11 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

建议贴上mock up 的 html + css，和requirements，让大家了解问题所在

评分

参与人数 1	积分 +2	收起理由
atransformer	+ 2	太麻烦，不是关键问题，忽略了

查看全部评分

websito

皮靴族

发表于 2011-9-15 23:07 |显示全部楼层

此文章由 websito 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 websito 所有！转贴必须注明作者、出处和本声明，并保持内容完整

用reset试试

*{text-align: center;}

pinkdreamer

银靴族

发表于 2011-9-20 10:12 |显示全部楼层

此文章由 pinkdreamer 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 pinkdreamer 所有！转贴必须注明作者、出处和本声明，并保持内容完整

margin:0 auto;
用这个必须每层都定义width啊，否则没用的

atransformer

头像被屏蔽

禁止访问

发表于 2011-9-20 11:17 |显示全部楼层

原帖由 pinkdreamer 于 2011-9-20 09:12 发表
margin:0 auto;
用这个必须每层都定义width啊，否则没用的

恩

返回列表

		自动登录	找回密码
密码			注册

精华好帖回顾

CSS 大牛请进 [复制链接]

为什么 text-align: center; 在 ie8 里不工作？？

<body style="text-align:center"> 也不行

现在的 workaround 是用这个

评分

谢谢各位。码水平太低，怕被大牛们耻笑。

评分

发表回复

浏览过的版块