也许是一个愚蠢的问题,但我试图理解一些只在屏幕上写文本的代码,在xhtml文档上。文本用span标签包装,每个单词都使用以下内容准确定位在屏幕上:
<span id="textID1" style="position:absolute; width:46px; min-width:46px; left:60px; height:22px; min-height:22px; top:90px;" >Hello</span>
我的问题是,设置宽度是否等于最小宽度(以及高度等于最小高度)是多余的,我可以只使用其中一个?
答案 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
值。