Html 如何将宽度设置为自动+;5px?

Html 如何将宽度设置为自动+;5px?,html,css,Html,Css,我想知道,像这样的事情可能吗 #test{ background-color: red; width:auto + 5px; } 我不想让一个,正好适合文本的宽度。我希望它是“‘文本宽度’+5px” 是否可以使用css?我建议使用填充: #test { background-color: red; width:auto; padding:0 5px; } 这将在右侧和左侧创建5px的填充。 顶部和底部的填充为0。我建议使用填充: #test {

我想知道,像这样的事情可能吗

#test{
    background-color: red;
    width:auto + 5px;
}
我不想让一个
,正好适合文本的宽度。我希望它是“‘文本宽度’+5px”


是否可以使用css?

我建议使用填充:

#test {
    background-color: red;
    width:auto;
    padding:0 5px;
}
这将在右侧和左侧创建5px的填充。
顶部和底部的填充为0。

我建议使用填充:

#test {
    background-color: red;
    width:auto;
    padding:0 5px;
}
这将在右侧和左侧创建5px的填充。 顶部和底部的填充为0。

使用填充

    #test{
        background-color: red;
        width:auto;
        padding: 0px 5px;
    }
使用填充物

    #test{
        background-color: red;
        width:auto;
        padding: 0px 5px;
    }

div的自动宽度为100%。如果只需要其内容的宽度,请使用
float:left/right

#test {
    float: left/right;
    background-color: red;
    padding-left: 5px;
    /* OR */
    padding-right: 5px;
}

div的自动宽度为100%。如果只需要其内容的宽度,请使用
float:left/right

#test {
    float: left/right;
    background-color: red;
    padding-left: 5px;
    /* OR */
    padding-right: 5px;
}

如果您想要实现像
width:auto+5px
,那么您必须使用样式表语言,比如
sass
compass

如果你想在你的文本周围有额外的空格,你可以使用如下的填充-

#test {
   padding:5px;  //for all top, right, bottom, left
    OR
   padding:5px 3px; //5px for top, bottom and 3px for left right
    OR
   padding:5px 3px  4px;  //5px for top, 3px for left and right and 4px for bottom
    OR
   padding: 5px 4px 3px 2px;  //goes this way, top-right-bottom-left
}

如果您想要实现像
width:auto+5px
,那么您必须使用样式表语言,比如
sass
compass

如果你想在你的文本周围有额外的空格,你可以使用如下的填充-

#test {
   padding:5px;  //for all top, right, bottom, left
    OR
   padding:5px 3px; //5px for top, bottom and 3px for left right
    OR
   padding:5px 3px  4px;  //5px for top, 3px for left and right and 4px for bottom
    OR
   padding: 5px 4px 3px 2px;  //goes this way, top-right-bottom-left
}


这不会改变一个div的宽度,它仍然是100%这不会改变一个div的宽度,它仍然是100%这不会改变一个div的宽度,它仍然是100%@Danny-我也看到了,你和Rick的答案完全一样。这不会改变一个div的宽度,它仍然是100%@Danny-我也看到了,你和瑞克的答案完全一样。我怀疑sass或类似的人能做到这一点。它需要能够计算文本的确切宽度,这完全取决于字体、字体大小、渲染方法、缩放等。我无法获得文本的宽度。这是假设性的,毫无意义。那你为什么说sass可以做到呢?这对他们来说是不可能的;如果你能用JavaScript实现这样的计算,我的意思是如果你想实现像
x+y
这样的计算,那么就转到
sass
。而
文本宽度
将始终保持不变,无论
字体大小
,文本和div越大,不能容纳在一行中,那么它将结束。我怀疑sass或类似的工具是否能够做到这一点。它需要能够计算文本的确切宽度,这完全取决于字体、字体大小、渲染方法、缩放等。我无法获得文本的宽度。这是假设性的,毫无意义。那你为什么说sass可以做到呢?这对他们来说是不可能的;如果你能用JavaScript实现这样的计算,我的意思是如果你想实现像
x+y
这样的计算,那么就转到
sass
。而
文本宽度
将始终保持不变,无论
字体大小
,文本和div越大,无法在一行中容纳它,那么它将被压缩。如何获得
文本宽度
auto
始终是父元素的100%。不要使用块元素,使用像
span
@poke这样的内联元素:@poke:我使用div,因为我想使用这个div,就像css菜单按钮一样。(我不想使用预建按钮和…)我不擅长设计样式,因此,这是我心目中制作菜单按钮的最佳方式……如何获得
文本宽度
auto
始终是父元素的100%。不要使用块元素,使用像
span
@poke这样的内联元素@poke:我使用div,因为我想使用这个div,就像css菜单按钮一样。(我不想使用预构建的按钮和…)我不擅长设计样式,所以这是我心目中制作菜单按钮的最佳方式。。。