Html shfaq,我引用它是为了让你能看到差异。我的价值观确实需要一些调整才能完全到位,但它们紧密地结合在一起,足以看到基本原则。我的回答遵循与AgentTadpole提交的相同的原则——您需要使用边距,而不是填充。在我看来,他的回答不仅是正确的,而且对任何未来

Html shfaq,我引用它是为了让你能看到差异。我的价值观确实需要一些调整才能完全到位,但它们紧密地结合在一起,足以看到基本原则。我的回答遵循与AgentTadpole提交的相同的原则——您需要使用边距,而不是填充。在我看来,他的回答不仅是正确的,而且对任何未来,html,css,Html,Css,shfaq,我引用它是为了让你能看到差异。我的价值观确实需要一些调整才能完全到位,但它们紧密地结合在一起,足以看到基本原则。我的回答遵循与AgentTadpole提交的相同的原则——您需要使用边距,而不是填充。在我看来,他的回答不仅是正确的,而且对任何未来的读者来说都是最有启发性的。什么25px不起作用,所以我添加了125px只是为了确定。我刚刚了解到,样式根本不能直接作用于输入元素!如果你认为你所说的一点用都没有,你能做一把小提琴吗?那么它能解决问题吗?或者有什么不同?我想这是你想要的解决方案


shfaq,我引用它是为了让你能看到差异。我的价值观确实需要一些调整才能完全到位,但它们紧密地结合在一起,足以看到基本原则。我的回答遵循与AgentTadpole提交的相同的原则——您需要使用边距,而不是填充。在我看来,他的回答不仅是正确的,而且对任何未来的读者来说都是最有启发性的。什么
25px
不起作用,所以我添加了
125px
只是为了确定。我刚刚了解到,样式根本不能直接作用于
输入
元素!如果你认为你所说的一点用都没有,你能做一把小提琴吗?那么它能解决问题吗?或者有什么不同?我想这是你想要的解决方案。什么
25px
不起作用,所以我添加了
125px
只是为了确定。我刚刚了解到,样式根本不能直接作用于
输入
元素!如果你认为你所说的一点用都没有,你能做一把小提琴吗?那么它能解决问题吗?或者“有什么”不同?我想这是你想要的解决方案。我从来都不理解这幅画。实际元素的边界在哪里?在我知道实际元素的边界之前,我无法确定它的内部和外部是什么?边距通常用于将该元素从其他元素移开,不能在边距中写入。从边框到内部的任何内容都可以修改。我承认,当您在其他设置了填充/尺寸的元素中设置了边距的元素时,这可能会让人感到困惑,起初这毫无意义,但过了一段时间,您就习惯了它是如何组合在一起的了。@非常感谢您提供的解决方案和解释。这确实澄清了我的概念。我从来都不理解这幅画。实际元素的边界在哪里?在我知道实际元素的边界之前,我无法确定它的内部和外部是什么?边距通常用于将该元素从其他元素移开,不能在边距中写入。从边框到内部的任何内容都可以修改。我承认,当您在其他设置了填充/尺寸的元素中设置了边距的元素时,这可能会让人感到困惑,起初这毫无意义,但过了一段时间,您就习惯了它是如何组合在一起的了。@非常感谢您提供的解决方案和解释。它确实澄清了我的概念。
<html>
    <div style="padding:25px;">
        <div style="background-color:#bf5b5b; ">
            <label style="padding-left:25px; padding-right:25px;">Yes</label>
            <label style="padding-left:25px; padding-right:25px;">No</label>
            <label style="padding-left:25px; padding-right:25px;"></label>
        </div>
        <div id="option_one_div" style="background-color:#74d4dd;">
            <input style="padding-left:125px; padding-right:25px;" type="radio" name="radio" value="0">
            <input style="padding-left:25px; padding-right:25px;" type="radio" name="radio" value="1">
            <label style="padding-left:25px; padding-right:25px;" for="option_one_div">Label of first group of Radio Buttons</label>
        </div>
        <div id="option_two_div" style="background-color:#36d666;">
            <input style="padding-left:25px; padding-right:25px;" type="radio" name="radio" value="0">
            <input style="padding-left:25px; padding-right:25px;" type="radio" name="radio" value="1">
            <label style="padding-left:25px; padding-right:25px;" for="option_two_div">Label of second group of Radio Buttons</label>
        </div>
    </div>
</html>
<div id="option_one_div" style="background-color:#74d4dd;">
<input style="padding-left:125px; padding-right:25px;" type="radio" name="radio" value="0">
<input style="margin-left: 5%; padding-left:25px; padding-right:25px;" type="radio" name="radio" value="0">
<input style="margin-left: 7.5%; padding-left:25px; padding-right:25px;" type="radio" name="radio" value="1">
<html>
    <div>
        <div style="background-color:#bf5b5b; width:100%; float:left;">
            <label style="width:15%; padding-left:3%">Yes<input type="radio" name="radio" value="0"></label>
            <label style="width:15%;">No<input type="radio" name="radio" value="0"></label>
            <label style="width:60%;">Label of first group of Radio Buttons</label>
        </div>
        <div style="background-color:#74d4dd; width:100%;  float:left;">
            <label style="width:15%; padding-left:3%">Yes<input type="radio" name="radio" value="0"></label>
            <label style="width:15%;">No<input type="radio" name="radio" value="0"></label>
            <label style="width:60%;">Label of teo group of Radio Buttons</label>
        </div>
        <div style="background-color:#36d666; width:100%;  float:left;">
            <label style="width:15%; padding-left:3%">Yes<input type="radio" name="radio" value="0"></label>
            <label style="width:15%;">No<input type="radio" name="radio" value="0"></label>
            <label style="width:60%;">Label of three group of Radio Buttons</label>
        </div>
    </div>
</html>