UI细节问题

A类，UI注意

1、 1、textBox的样式，写在样式表的话，实际高度与样式高度，会高出2px，以后要注意。

2、 2、 在用checkbox 或checkboxList控件的时候，在做火狐兼容时，会遇到文字与前面的框框不能水平对齐，解决的方法是在生成的input里，加上以下语句即可：

    vertical-align:middle; width:16px; cursor:crosshair; margin-right:3px; height:20px;

3、在用table布局的时候，一定要在td里加上work-break:break-all;这样，在数据过多的情况下，才能自动回行，才不致于页面被撑坏。还有一个细节就是，也要给td 定下每列的宽度。在每个表格的第一行，或，有合并的行数的，下一行。要给固定的宽度固定。要不然，页面会出现宽度不按原来的样式显示。

B类，开发人员注意

---

 

1、在table 里用padding的时候，不能用百分比，会出现撑暴引起的滚动条问题。

撑得很大，而且，难以找到原因，也不要用padding: x px auto 0 auto;出现auto都会出现问题。

2、以后在用TABLE的时候，开发人员有必要加上以下两个属性：

cellpadding="0" cellspacing="0"

之所以加这两个属性，是因为，table默认是有padding 值和margin值的。不加的时候，有可能你所写的td的height:22px;结束将不会是22像素，而是24像素。应该尽量避免类似的情况。

3、ul和li标签也会有类似table的情况出现，所以，在用这两个标签的时候，要加上以下

两个属性：

maring:0; padding:0;

不加的话，也得不到相应的设置的高度和宽度。

但是，在开发过程中，大家往往都会忽略加这两个必要的属性。

4、在用GridView的时候，如果要加CheckBox的时候，务必要在checkBox里，加上样式：

    maring:0; padding:0;

    也是因为，它是有默认值的，如果不加，那么，checkbox所占的高度，会把整个行的高度都改变了。

5、凡是用数据控件，如：GridView、DataList、DetailsView、Repeater等

   务必由开发人员来加上相关的宽度，也即用百分比来确定每一个字段所占表格的百分比。如果不给固定的百分比的话，出现的问题，会很严重，重复的BUG会出现：

   A：当输入字段的记录数据过长的时候，会出现表格被撑坏的现象。

 

6、在拷样式的时候，不要随便把样式名给删了。

 

7、不能随便修改样式表。