在span中设置width等于min-width是否多余?



也许是一个愚蠢的问题,但我试图理解一些代码,只是写在屏幕上的文本,在一个xhtml文档。文本用span标签包装,每个单词在屏幕上精确定位,使用类似于:

<span id="textID1" style="position:absolute; width:46px; min-width:46px; left:60px; height:22px; min-height:22px; top:90px;" >Hello</span>

我的问题是是否设置宽度等于min-width(和高度等于min-height)只是多余的,我可以去只有一个?

考虑以下内容:

1。

width: 46px;
min-width: 50px;/*this would be the element width rendered by browser*/

2。

width: 50px; /*this would be the element width rendered by browser*/
min-width: 46px;

那么,以较大的值作为宽度的值

但是你的width和min-width都是相等的你可以只用width

当然对于height和min-height也是一样的

min-width设置为与width相同的值是多余的,因为如果没有其他样式表影响该元素,则min-width设置没有作用。

但它通常不是冗余的。其他样式表(理论上,甚至是用户样式表)可以将width属性设置为其他值。在这种情况下,设置min-width属性时,可以防止width的使用值小于min-width的值。

有很多话要说,但我将简短扼要地回答:

只设置宽度,不设置其他参数。

简短说明:

span的默认流程为inline。用display: block设置它,或者去掉span,用div。我推荐最后一个选择。

现在,在div上,您可以设置height(不要设置min-height)。

另一个注意事项:不要设置最小值,尽可能使用CSS类而不是内联样式。

编辑:

如果你需要更好地处理溢出的文本,可能想要查看

text-overflow: ellipsis;

这只适用于支持CSS3的浏览器!

最新更新