【问题标题】:CSS Images not centering with radio inputsCSS图像不以无线电输入为中心
【发布时间】:2012-12-30 03:46:07
【问题描述】:

我只是尝试内联CSS 来解决这个问题,并在完成后将其移动到我的“样式”文件中。我正在尝试使所有图像和单选按钮内联在周围的DIV 中。我不能做的是让他们在高度方面居中。如您所见,我在第一个单选按钮上尝试了 margin-bottom ,但它没有做任何事情。我究竟做错了什么?我可能需要在某处进行清除修复吗?

<div style="height:30px;">


            <input type="radio" name="pay_type" checked="checked" style="margin-bottom:10px;">&nbsp;&nbsp;&nbsp;<img src="/images/cards.png" style="margin-right:40px;">
            <input type="radio" name="pay_type">&nbsp;&nbsp;&nbsp;<img src="/images/pay-pal.png" style="margin-right:40px;">
            <input type="radio" name="pay_type">&nbsp;&nbsp;&nbsp;<img src="/images/amazon-payments.png">


</div>

【问题讨论】:

    标签: css centering clearfix


    【解决方案1】:

    我希望这是您正在寻找的 JSFIDDLE

    我添加了另一个 &lt;div&gt;,其中包含 input 元素并尝试添加 vertical-align 这在父 &lt;div&gt; 中。我给父div设置了600px的高度,你可以改一下看看。

    但是我仍然有内联样式。一旦适合你就改变它。

    【讨论】:

    • 正是我想要做的......谢谢!
    猜你喜欢
    • 2014-03-12
    • 1970-01-01
    • 2018-01-04
    • 2015-01-30
    • 1970-01-01
    • 1970-01-01
    • 2017-01-12
    • 1970-01-01
    • 2017-01-08
    相关资源
    最近更新 更多