这不是我在HTML / CSS中构建页面的第一天，但我仍然时不断地想法如何按照我想要的方式对齐所有元素（例如表单或页面）。 特别是我不想在构建/设计页面时使用绝对值。凭借绝对值，我可以将所有内容放在我想要的位置，但我的目标是能够对齐所有没有硬编码绝对位置的元素（或者至少只使用其中的最小值）。 你能推荐一下教会如何做好的在线资源吗？如果不是教学，那么至少可以用于我的目的吗？
提前谢谢。
答案 0 :(得分：0)
http://designshack.net/articles/css/whats-the-deal-with-display-inline-block/
应该拥有您需要的一切。不要使用FLOATS，除非你花了几个小时尝试替代品但没有用！您需要浮动的任何东西，99.9％的时间可以通过内联块完成！我说不要使用浮点数，因为浮点数会覆盖几个CSS规则并打破层次结构，这是“级联”样式表的整个点。他们是一个简单的修补，典型的，imo，表明选择了劣质设计，因为除了非常专业的东西，如临时广告按钮或其他东西，我不知道你真正需要漂浮的任何东西。
要使IE7中的内联块兼容，请添加：*display:inline; zoom:1;
该文章的TLDR摘要：
使用block;和inline-block;定位。当元素与inline-block;奇怪对齐时，请使用vertical-align:top;或bottom;或middle;
要将内容置于中心位置，请将它们放入集合width（或width:100%;）的容器中，然后将margin:auto;应用于居中元素。
如果你不同意那么好，请提供推理！
答案 1 :(得分：0)
我认为您之所以提出这个问题的原因是因为您关心自适应设计，并且您不想对所有元素位置进行硬编码（如果我错了，您可以纠正我）。
这是我发现的一个小网站，有很多很好的例子。
http://bradfrost.github.io/this-is-responsive/patterns.html
我建议你研究一下来源，学习所有响应式设计的优秀技术。