1

我对“div”标签有疑问——包括文本和标题。由于我还不能上传图片（因为我是这里的菜鸟），我会尽力解释。

  • 一个“div”有一个“h1”，后跟一个“p”。整个“div”向左浮动。
  • 另一个“div”有一个“h2”，后跟一个“p”。整个“div”向右浮动。

由于两个“text-divs”彼此相邻，我希望它们中的“p”能够完美地对齐和镜像。由于我的“h1”比我的“h2”大，第一个“div”中的“p”比另一侧的“p”被推得更远。

有没有聪明的方法来解决这个问题？我尝试过使用边距和填充，但让它适应似乎很复杂！

希望你能理解，

最佳 CSS_maniac

4

2 回答 2

1

首先，我建议使用 CSS 重置脚本来限制您正在使用的变量（边距、填充、文本大小）的数量，并确保它在所有浏览器中都能正确呈现。 Eric Meyer 的 CSS Reset非常受欢迎。然后您可以调整font-sizeh1 和 h2 以使其显示为您喜欢的，并调整 h1 和 h2 上的padding-bottomormargin-bottom以使 p 正确对齐。

于 2012-08-21T18:36:34.983 回答
1

是的。至少有 10 种方法可以解决这个问题。

您可以将以下任何属性添加到任一 p 标签

position: relative; top: (specify amount in px or em, without parentheses);

margin-top: 10px;

position: absolute; // Very similar to position: relative;

祝你好运

-布赖恩

于 2012-08-21T18:36:49.407 回答