html - 带有图像格式的单选按钮

标签 html css forms

我试图在每行中放置三个图像,每个图像下方都有一个单选按钮。我对表格不太熟悉,我只是想不通为什么图像会以这种方式呈现。有人对如何创建它有任何想法或想法吗?

/jess/design.html

编辑:弄清楚了其中的一部分...表格宽度的问题。如果有人无法提供帮助,仍在尝试弄清楚如何将单选按钮置于下方。

最佳答案

只需将每个单选按钮及其图像放在 width: 100% 的 div 中,它应该可以达到目的。

编辑:不等了,这会将 radio 放在图像的右侧,尝试在包装 div 内向图像添加 100% 宽度,并将包装 div 的宽度设置为您想要的数字值所需的列数(2 列为 50%)

关于html - 带有图像格式的单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10387707/

相关文章:

html - 如果左右 div 彼此靠得太近,如何将中间的 div 向下移动?

html - :after 和::after 有什么区别?

javascript - 如何在按下按钮时覆盖 CSS 类并用另一个按钮将其删除?

javascript - 如果存在 2 个子 div,隐藏父 div?

forms - 您如何设置 HTML5 表单验证消息的样式?

python - 如何获取以自定义 Plone 灵巧表单显示的字段?

php - 在 JavaScript 数组中包含项目

javascript - 输入框文本值技巧

html - 如何让网格布局中的一行溢出顶部而不是底部

javascript - POST 后保留表单值