Html 对正2柱布局（跨度）

小提琴：

我的HTML包含两个按钮对的行。服务器端应用程序在JSP循环中输出按钮，因此我无法控制单个按钮——我无法使用

display:table单元格

将每个元素放在自己的单元格中并对齐，或者将它们放在不同的容器中；循环中只能使用泛型容器

我需要将它们对齐，此外，可以将第2列放大，以适应可能出现的较大值。第1列可以更短。但目标是单选按钮应该对齐

---

有没有一个简单的CSS解决方案？谢谢

你能像这样拉入css吗

span {
  display: table-cell;
  height: 2em;
  vertical-align: top;
  width: 8em;
}

span:nth-child(4n-1) {
  width: 30em;
}

span:nth-child(4n) {
  clear: left;
}

input[type=radio] {
  display: block;
  float: left;
}

label{
  padding-left: 1.5em;
  display: block;
}

---

你能像这样拉入css吗

span {
  display: table-cell;
  height: 2em;
  vertical-align: top;
  width: 8em;
}

span:nth-child(4n-1) {
  width: 30em;
}

span:nth-child(4n) {
  clear: left;
}

input[type=radio] {
  display: block;
  float: left;
}

label{
  padding-left: 1.5em;
  display: block;
}

---

如果可以在表单的开头设置

，则可以通过一些样式来完成此操作。直系邻居（

+

）和直系后代（

）很方便

标签{
颜色：白色；
}
span>输入+标签{
背景：红色；
宽度：300px；
显示：内联块；
}
br+span+span>输入+标签{
背景颜色：蓝色；
宽度：100px；
显示：内联块；
}

问题1
对
不


问题2
空头期权
超长选项字符串向右延伸


问题3
真的
假的

如果可以在表单的开头设置

，则可以通过一些样式来完成此操作。直系邻居（

+

）和直系后代（

）很方便

标签{
颜色：白色；
}
span>输入+标签{
背景：红色；
宽度：300px；
显示：内联块；
}
br+span+span>输入+标签{
背景颜色：蓝色；
宽度：100px；
显示：内联块；
}

问题1
对
不


问题2
空头期权
超长选项字符串向右延伸


问题3
真的
假的

您的意思是垂直排列，以便右侧的单选按钮也在彼此上方？是的，单选按钮应在彼此下方均匀对齐。允许第1列稍短，第2列稍长。HTML中只有跨距，您可以修改JSP文件吗？我认为添加具有适当属性的div会有所帮助。是的，这是一个简单的解决方案。问题是第2列中的很长字符串要求通用宽度非常大，但单选按钮可以在第1列中的较短列中对齐。您的意思是垂直对齐，以便右侧的单选按钮也在彼此上方？是的，单选按钮应该在彼此下方均匀对齐。允许第1列稍短，第2列稍长。HTML中只有跨距，您可以修改JSP文件吗？我认为添加具有适当属性的div会有所帮助。是的，这是一个简单的解决方案。问题在于第2列中的很长字符串要求通用宽度非常大，但单选按钮可以在第1列中的较短列中对齐。