Forms 注册护士。谢谢你的提示，有很多好的观点，非常感谢！！！我从没想过要用这样的场集。如果我理解正确的话，把所有相关的字段垂直地分组在一个字段集中，而把字段集水平地分组？另外，账单顺序也是我经常看的东西。再次伟大的提示和感谢@Phill：我并不是真的推荐一种特定
Forms 注册护士。谢谢你的提示，有很多好的观点，非常感谢！！！我从没想过要用这样的场集。如果我理解正确的话，把所有相关的字段垂直地分组在一个字段集中，而把字段集水平地分组？另外，账单顺序也是我经常看的东西。再次伟大的提示和感谢@Phill：我并不是真的推荐一种特定,forms,html,css,Forms,Html,Css,注册护士。谢谢你的提示，有很多好的观点，非常感谢！！！我从没想过要用这样的场集。如果我理解正确的话，把所有相关的字段垂直地分组在一个字段集中，而把字段集水平地分组？另外，账单顺序也是我经常看的东西。再次伟大的提示和感谢@Phill：我并不是真的推荐一种特定的布局风格，因为这通常是由你试图创建的品牌所涵盖的。如果品牌风格要求您不应浪费水平空间，那么您可能希望使用Frédéric Hamidi建议的网格布局（假设您对CSS3没有意见）。如果你想要一个技术含量较低的解决方案，我会选择浮动字段集或简单的
注册护士。谢谢你的提示，有很多好的观点，非常感谢！！！我从没想过要用这样的场集。如果我理解正确的话，把所有相关的字段垂直地分组在一个字段集中，而把字段集水平地分组？另外，账单顺序也是我经常看的东西。再次伟大的提示和感谢@Phill：我并不是真的推荐一种特定的布局风格，因为这通常是由你试图创建的品牌所涵盖的。如果品牌风格要求您不应浪费水平空间，那么您可能希望使用Frédéric Hamidi建议的网格布局（假设您对CSS3没有意见）。如果你想要一个技术含量较低的解决方案，我会选择浮动字段集或简单的垂直布局。我对浮动字段集的实现很感兴趣，有什么好的例子吗？我会把它们包装成div还是ul？虽然还没有用CSS来保存，但我认为这对我来说是一个很好的学习练习。Thanks@Phill：浮动字段和浮动任何其他块元素之间没有区别，因此在CSS浮动上查找任何资源应该可以让您开始。但对于字段集，不太可能每个字段集都具有相同的高度（除非强制它们具有相同的高度），因此很难实现底部不参差不齐的布局（同样，除非强制它们具有相同的高度）。如果你强迫物体具有相同的高度，你真正要做的是构建一个网格状的布局，这就是为什么我建议改用Frédéric Hamidi的网格。是的，我同意它们与网格部分相似，但具有浮动方面以调整屏幕分辨率将有所不同。我知道视觉布局必须具有相同的高度才能保持一致，这对我来说是可以接受的。我听说过CSS中的网格布局，但从未见过（仔细查看代码）。我的问题是，“网格是否会因屏幕分辨率而改变”？因此，如果用户有一个800x600屏幕，而我有一个4网格布局，那么他们的布局是否与4个网格的布局保持一致，或者是否足够灵活，可以将2个网格叠加在2个网格上？网格模型保持静态，并像其他块元素一样受到溢出的影响。如果定义4x1网格，则当用户调整窗口大小时，它将保持4x1，根据网格定义中使用的是相对单位还是绝对单位，可以减小单元格宽度，也可以显示滚动条。谢谢您提供的信息。它看起来很棒，但如果可能的话，我想实现一个动态的网格布局，因为最终用户有从大到小的屏幕，我认为在较小的屏幕上向左或向右滚动以查看整个页面很烦人。在我看来，垂直滚动似乎效果更好。感谢您的快速回复和网格布局的想法，如果您发现更灵活的解决方案，请告诉我。对于较新的浏览器和HTML5，+1，我非常喜欢jQuery，但希望尽可能多地使用CSS和最少（如果有的话）JavaScript。我在jQuery:Stack中实现了类似的功能：
<!DOCTYPE HTML>
<html>
<head>
<title>Large Form</title>
</head>
<body>
<form action="">
<fieldset>
<legend>***</legend>
<label for="fname">First Name</label><br />
<input type="text" name="fname" id="fname" value="" /><br /><br />
<label for="lname">Last Name</label><br />
<input type="text" name="lname" id="lname" value="" /><br /><br />
<label for="gender">Gender</label><br />
<select name="gender" id="gender">
<option value="">-- select</option>
<option value="male">Male</option>
<option value="female">Female</option>
</select>
</fieldset>
<br />
<input type="submit" value="Submit" />
</form>
</body>
</html>
body {
grid-columns: * * (0.5in * *)[2];
grid-rows: 20% *;
columns: 3;
column-gap: 0.5in;
}
img {
position: absolute;
left: 2gr;
width: 3gr;
}