HTML/CSS - 你如何提出一个单选按钮?

标签 html css radio-button

我有一个应该引用 4 个图像的单选按钮,所以我只在图像旁边放了一个空值的单选按钮,但是当我这样做时,单选按钮几乎低于图像的底部.我想将它抬高,使其位于图像高度的中间。这是我的 HTML:

<input type="radio" name="computer" value="">
<img class="extra-margin-human" width="50px" height="50px" src="images/other/human.jpg"/>
<img class="extra-margin-computer" width="50px" height="50px" src="images/other/computer.jpg"/>
<img class="extra-margin-computer" width="50px" height="50px" src="images/other/computer.jpg"/>
<img class="extra-margin-computer" width="50px" height="50px" src="images/other/computer.jpg"/>

如何让单选按钮上移?

最佳答案

vertical-align:middle; 应用于您的元素。

Demo

关于HTML/CSS - 你如何提出一个单选按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23156965/

相关文章:

jquery - masonry 布局使用CSS

html - 自定义单选按钮,与其他label标签冲突

html - 当宽度单位为 % 时 textarea 大小变小,使用像素时工作正常

javascript - Ul li 在 Less 或 jQuery 中使用 If 条件进行列计数

javascript - 在 javascript 中使用单选按钮更改图像

html - 图像火狐浏览器不匹配

html - 在没有背景附件的情况下跨 body 扩展背景渐变 : fixed

html - 如何使用 CSS FlexBox 创建这种复杂的页面布局

javascript - 根据单选按钮值更改提交按钮文本

radio-button - 如何使用 React 只选择一个单选按钮