html - 表格或 CSS 来对齐这些调查表单元素?

标签 html css forms

我正在构建一个基本的调查创建系统,我希望它看起来或多或少像这样。 sample survey image我很想使用表格来水平和垂直对齐问题和答案选项,但我知道表格用于表格数据。这是否符合表格数据的条件?

如果 CSS 更可取,你能给我一个粗略的实现方法吗(只是关于对齐,而不是交替着色)?我是否需要一系列的类,每个类的左边距越来越宽?

我从 SurveyMonkey 截取了图片,我会效仿他们的例子,除了他们使用表格。

我搜索了类似的问题,但它们都与垂直对齐有关,而不是水平对齐。

最佳答案

是的,这符合表格数据的条件:一行中的所有值“在一起”,一列中的所有条目具有相同的含义。

一般情况下,不应将表格误用于布局,但在这种情况下,您实际上是在处理表格数据。特别是对于残疾人,例如人们使用屏幕阅读器时,滥用表格会造成混淆,但在这种情况下使用它们是正确的。

关于html - 表格或 CSS 来对齐这些调查表单元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25334946/

相关文章:

php - 表情符号无法以 HTML 形式工作

forms - 具有相同名称的多个复选框的必需属性?

html - Lift 将单个标签拆分成对会导致问题

html - 登录/注册链接是 HTML5 <menu> 的语义用例吗

javascript - 相同高度 li 和自动调整容器 div 的高度

html - Bootstrap 导航栏未正确定位某些元素

css - 由于悬停时的过渡/缩放,移动设备上的滚动困难

css - 内容超过流程提交的表格

javascript - 将 Firebase 中的数据显示到表中时出现问题?

html - 如何使用 CSS 在 YouTube 上隐藏 "What to Watch"?