将文本与单选按钮的右侧对齐

死人

我有一个主题,下面有这个部分,我想将单选按钮右侧的文本对齐,现在它在单选按钮下方

这是我想要的: 在此处输入图片说明

这是 jsfiddle:http : //jsfiddle.net/Mwanitete/Jm2JR/181/

   <div class="delivery_options">
        <div class="delivery_option item" style="margin: 0px;padding: 0px;">
            <div>
                <label class="delivery-option-label" for="delivery_option_13687_0">
                    <div class="resume div div-bordered">
                        <div>
                            <div class="delivery_option_radio">
                                <input id="delivery_option_13687_0" class="delivery_option_radio" type="radio" name="delivery_option[13687]" data-key="233," data-id_address="13687" value="233,">
                            </div>

                            <div class="delivery_option_logo">
                            </div>

                            <div>
                                Kurier DHL (2-5dni roboczych)

                                <span class="delivery_option_price">
                                                                                                                                                    12,00 zł
                                                                                                                    </span>

                                <br>
                                <span class="best_grade best_grade_speed">The fastest</span>
                            </div>

                        </div>
                    </div>
                </label>
            </div>
        </div>
        <!-- end delivery_option -->
        <div class="delivery_option alternate_item" style="margin: 0px; padding: 0px; float: none;">
            <div>
                <label class="delivery-option-label" for="delivery_option_13687_1">
                    <div class="resume div div-bordered">
                        <div>
                            <div class="delivery_option_radio">
                                <input id="delivery_option_13687_1" class="delivery_option_radio" type="radio" name="delivery_option[13687]" data-key="234," data-id_address="13687" value="234,">
                            </div>

                            <div class="delivery_option_logo">
                            </div>

                            <div>
                                Kurier DHL - pobranie (2-5 dni roboczych)

                                <span class="delivery_option_price">
                                                                                                                                                    12,00 zł
                                                                                                                    </span>

                                <br>
                            </div>

                        </div>
                    </div>
                </label>
            </div>
        </div>
        <!-- end delivery_option -->
        <div class="delivery_option item" style="margin: 0px; padding: 0px; float: none;">
            <div>
                <label class="delivery-option-label" for="delivery_option_13687_2">
                    <div class="resume div div-bordered">
                        <div>
                            <div class="delivery_option_radio">
                                <input id="delivery_option_13687_2" class="delivery_option_radio" type="radio" name="delivery_option[13687]" data-key="235," data-id_address="13687" value="235,">
                            </div>

                            <div class="delivery_option_logo">
                            </div>

                            <div>
                                Odbiór osobisty - Showroom - Mokotowska 40/3, Warszawa (2-3 dni roboczych)

                                <span class="delivery_option_price">
                                                            Free
                                            </span>

                                <br>
                                <span class="best_grade best_grade_price">The best price</span>
                            </div>

                        </div>
                    </div>
                </label>
            </div>
        </div>
        <!-- end delivery_option -->
        <div class="delivery_option alternate_item" style="margin: 0px; padding: 0px; float: none;">
            <div>
                <label class="delivery-option-label" for="delivery_option_13687_3">
                    <div class="resume div div-bordered">
                        <div>
                            <div class="delivery_option_radio">
                                <input id="delivery_option_13687_3" class="delivery_option_radio" type="radio" name="delivery_option[13687]" data-key="231," data-id_address="13687" value="231," checked="checked">
                            </div>

                            <div class="delivery_option_logo">
                            </div>

                            <div>
                                Odbiór osobisty - Sklep - Stary Browar, Poznań (2-5 dni roboczych)

                                <span class="delivery_option_price">
                                                            Free
                                            </span>

                                <br>
                            </div>

                        </div>
                    </div>
                </label>
            </div>
        </div>
        <!-- end delivery_option -->
    </div>

我尝试使用浮动但没有用,任何想法或帮助,建议将被赞赏,请帮助

阿什·辛格

将此行添加到您的 css

.resume > div {
   display: flex;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将文本对齐复选框和中心按钮的右侧

来自分类Dev

单选按钮文本未对齐

来自分类Dev

如何将单选按钮与左侧的文本对齐?

来自分类Dev

将图形与文本右侧对齐并居中以创建按钮-无法将按钮居中

来自分类Dev

将文本与上部文本的右侧对齐(与左侧对齐)。宽度未知

来自分类Dev

将 TextView 与单选按钮标签对齐

来自分类Dev

将导航按钮与文本对齐

来自分类Dev

以编程方式将单选按钮对齐到单选组的中心

来自分类Dev

需要将图像下方的按钮与右侧的文本对齐

来自分类Dev

单选按钮将文本置于单选按钮下方

来自分类Dev

如何正确将按钮输入与表格底部的右侧对齐?

来自分类Dev

如何将按钮与导航 Ionic 3 的右侧对齐?

来自分类Dev

如何在 HTML 和 CSS 中对齐单选按钮文本?

来自分类Dev

如何将标签中的文本对齐到右侧?

来自分类Dev

将微调器对齐到编辑文本的右侧

来自分类Dev

无法将文本与 imageview android 布局 xml 的右侧对齐

来自分类Dev

如何对齐单选按钮?

来自分类Dev

单选按钮的标签对齐

来自分类Dev

单选按钮对齐问题

来自分类Dev

单选按钮水平对齐

来自分类Dev

如何在单选按钮本身下方对齐单选按钮的文本

来自分类Dev

使用“变换”和“缩放”更改单选按钮大小时对齐单选按钮文本

来自分类Dev

将测试选项与相应的“单选”按钮对齐

来自分类Dev

将测试选项与相应的“单选”按钮对齐

来自分类Dev

尝试将单选按钮与输入字段水平对齐

来自分类Dev

将facebook图标与按钮中的文本对齐

来自分类Dev

将按钮与范围内的文本对齐

来自分类Dev

选择文件后将文本移到按钮右侧

来自分类Dev

垂直对齐单选按钮

Related 相关文章

热门标签

归档