【CSS-03】radio+img居中对齐

在一个div中，让单选框和图片都居中，而不是单选框在下。需要对radio和img都做垂直方向居中的属性设置。
代码如下：

<style>input[type=radio],input[type=radio]+img{vertical-align: middle;}
</style><div class="radio_container"><input type="radio" />test-line<img src="" style=""><br/><input type="radio" />test-line2<img src="" style=""></div>

结果如图:

【CSS-03】radio+img居中对齐相关推荐

html文字纵向居中对齐,css怎么把文字居中对齐？
css怎么把文字居中对齐?下面本篇文章就来给大家介绍一下使用CSS设置文字居中对齐的方法,希望对大家有所帮助. 在CSS中设置文字居中对齐的方法:使用text-align属性来使文字水平居中使用li ...
html表格整体居中对齐,css中表格如何居中对齐？
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. 下面我们来看一下 ...
html图片怎么中心对齐,css如何使图片居中对齐？
在前端页面的开发中,图片的显示方法有两种,分别为:img标签显示图片,background属性设置为背景图片显示.下面我们来看一下在这两种情况下设置图片居中的方法. css设置图片居中的方法: 1.利 ...
css position:absolute 如何居中对齐
要写死宽度,就好弄了 position: absolute; left: 50%; width: 980px; margin-left: -490px; text-algin:center
css 多行文字左对齐,纯CSS实现文字一行居中，多行左对齐的方法
其实这种需求还是蛮常见的,主要用于产品列表页面,用于产品图片下面,显示产品的名称. 想要实现的效果为: 未知文字长度,当文字长度小于盒子宽度,也就是一行时,文字居中. 当文字长度大于盒子的宽度,会自动 ...
代码居中对齐_一篇文章带你了解CSS对齐方式
一.居中 1. 居中对齐元素将块元素水平居中对齐(像 ) , 使用 margin: auto; 设置元素的宽度将阻止它伸展到容器的边缘. 然后元素将占用指定的宽度,剩下的空间将平分在两个边距之间: ...
[css] 实现单行文本居中和多行文本左对齐并超出显示“...“
[css] 实现单行文本居中和多行文本左对齐并超出显示"-" .one {text-align: center }.multi {overflow: hiddentext-over ...
文本居中对齐(CSS、HTML)
文本居中对齐(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta charset ...
html div布局位置横,div位置布局 CSS实现DIV居中对齐 div居右对齐 div居左对齐
使用CSS浮动属性实现DIV各种对齐,比如DIV层左对齐,DIV居中对齐,DIV居右对齐等(DIV靠右居中靠左对齐介绍篇) 实现DIV对齐用到关键属性有两个,一个为float一个为margin. ...

【CSS-03】radio+img居中对齐

【CSS-03】radio+img居中对齐相关推荐

最新文章

热门文章