03月10, 2016

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

Comments

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