在一个范围内设置宽度等于最小宽度是多余的吗?

时间:2014-08-22 11:51:12

标签: html css

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

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

我的问题是,设置宽度是否等于最小宽度(以及高度等于最小高度)是多余的,我可以只使用其中一个?

3 个答案:

答案 0 :(得分:1)

请考虑以下事项:

<强> 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;

因此,无论哪个值更高,都可以作为宽度的值。

但是你在宽度和最小宽度上都有相同的值,你只能使用宽度。

当然,这适用于身高和身高。

答案 1 :(得分:0)

有几件事要说,但我会简短地回答:

  

只需设置宽度,不要设置任何其他宽度。

简短说明:

span的默认流量为inline。将其设置为display: block或删除范围以支持div。我建议最后一个选择。

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

另一方面:不要设置最小值,只要有可能就使用CSS类而不是内联样式。

修改

如果您需要更好地处理溢出文本, MIGHT 想要查看

text-overflow: ellipsis;

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

答案 2 :(得分:0)

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

但总的来说并不多余。其他一些样式表(理论上,甚至是用户样式表)可以将width属性设置为其他值。在这种情况下,min-width属性在设置时会阻止width的使用值变得小于min-width值。