0

当我写类似的东西时：

<table style="margin-left: 30px;" >
</table>

或者：

<div style="margin-left: 30px;">
            <h:commandButton value="add" action="a"></h:commandButton>
            <h:commandButton value="cancel" action="b" immediate="true"></h:commandButton>
</div>

边距正确显示。

但是当我写：

<table class="marg" >
</table>

或者：

<div class="marg">
    <h:commandButton value="add" action="a"></h:commandButton>
    <h:commandButton value="cancel" action="b" immediate="true"></h:commandButton>
</div>

有了这个规则：

.marg {
    margin-left: 50px;
    margin-top: 30px; 
}

HTML 生成代码：

<table class="marg">
</table>
<div class="marg">
<input id="j_id1109917403_4227fec1:j_id1109917403_4227feb3" type="submit" value="add" name="j_id1109917403_4227fec1:j_id1109917403_4227feb3">
<input id="j_id1109917403_4227fec1:j_id1109917403_4227feae" type="submit" value="cancel" name="j_id1109917403_4227fec1:j_id1109917403_4227feae">
</div>

表格和按钮无边距显示。为什么 ？

4

3 回答 3

1

  1. 通过添加一个来测试是否应用了 CSS 规则background-color：

    .marg {
  margin-left: 50px;
  margin-top: 30px;
  background-color: pink;
}

  2. 如果是，则添加!important到您现有的说明中以进行测试：

    .marg {
  margin-left: 50px !important;
  margin-top: 30px !important;
  background-color: pink;
}
    1. 在 Firebug/Inspector 中查看应用了哪些规则；如果有许多声明，其中一个具有 !important 修饰符或比其他声明更具体或最后并最终应用。

你的 CSS 应用了吗？有什么!important改变吗？你在 Firebug 中看到了什么？如果您仍然有问题，请返回小提琴（无需 CSS 重置！）：HTML 和 CSS 代码可以帮助我们理解您的问题；生成 HTML 的后端代码不会

于 2013-03-02T21:21:48.000 回答
0

哦，对不起，这是我非常愚蠢的错误。我忘记在 HTML 中添加：

<link rel="stylesheet" type="text/css" href="style/myCSS.css"   media="all" />

我以为我添加了它。

于 2013-03-02T21:39:32.160 回答
-1

.marg css 类的 margin-left 设置为 50px，这与属性内部设置为 30px 不同。

于 2013-03-02T21:07:06.540 回答