【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>

结果如图:

本文链接：http://fengbaiyang.cn/post/css-03.html

-- EOF --

作者 白杨 发表于 2016-03-10 00:00:00 ，并被添加「 css 」标签，最后修改于 2018-01-14 16:02:47

本博客来自【白杨的博客】，转载请注明出处，谢谢合作~

Comments

暂不支持评论，如有问题，请发邮件至baiyang.feng@outlook.com。望不吝赐教~