也许是一个愚蠢的问题,但我试图理解一些代码,只是写在屏幕上的文本,在一个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的浏览器!