一般看来,以下三种写法是效果是一样的:
1、style="width:100px"
2、width="100px"
3、class="a"
.a
{
width:100px
}
但今天做一个页面时,发现用在label时,它们有不同之处:
因为我的lable应用了下面的样式(主要的效果是实现下划线),所以能看出不同:
.UnderLine_Only
{
border-bottom:solid 1px #0000A0;
border-left:none;
border-right:none;
border-top:none;
color:#054309;
width:100px;
height:13px;
}
不同之处:
1、当我用class与style时,label的width并没有起到作用。它的下划线长度会随label.text的长度变化而变化。如果在table中它用因为Table大小的改变,可能引起换行。
2、当我用width:100px 时,Label的长度是固定的(100px),它的下划线长度为100px, 不随label.text的长度变化而变化。而且它不会因为窗口的大小而导致Label换行。可能更好的控制页面的布局。