HTML–td 宽度调整
思韵闪耀
2010-09-30
0

注:table是上下等宽的表格,表示上下两行数据一致,若两行查询条件数量相差较大,不如设置两个table进行调节。

1, td 宽度:为同列宽度最大的td的宽度
?td高度:为同行高度最大的td的高度

同时,td宽度指定后,若其内的控件宽度大于td宽度,则以控件宽度为准。即td宽度以上下,内外最大的为准。
同:若td内的数据长度大于td宽度时,td宽度为数据宽度,造成变化。
案例:多个table同样的css,tr,td都一样放在一起,但就是上下格对不齐,分析了老久才知是不同的table中存的数据不一样,造成td扩展的宽度也不尽相同,呈现出来的就是不整齐的现象。

注:上述是默认情况,为改变这种td宽度为内容的宽度的情况,可设置: table-layout:fixed;
<TABLE id=”Table1″ style=”TABLE-LAYOUT:fixed” border=”1″>
table布局方式:auto 默认列宽度由单元格内容设定。 fixed:列宽由表格宽度和列宽度设定。

2,两行,若上一行有一个较宽,则根据1原则下一行相同位置的td也会很宽,可能不满足要求,此时可将上一行的较宽的td跨多个td(colspan),此时在下
一行相同位置设置td宽度即可。即:一般下设置了上一行的宽度,下一行的就不会再设置,要设置的话也是因为上一行有colspan,要调整。

3,宽度:一般电脑都是1024*768之上的,故在设置宽度的时候,宽度要设置<=768 * 设置的百分比

<input type=’text’> 输入框长度默认为152px,故在设置td宽度的时候,为了易于控件,td的宽度至少要大于152px;

text:默认宽度为:152px;

多行text:默认宽度为:193px;

td: 默认为:12px

&nbsp;? 10px;


【版权声明】
本站部分内容来源于互联网,本站不拥有所有权,不承担相关法律责任。如果发现本站有侵权的内容,欢迎发送邮件至masing@13sy.com 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

相关内容

热门资讯

Invalid left-ha... 写一个提交函数的时候,发现函数不生效,F12之后看到Invalid left-hand side i...
响应图片(Responsive... 一、开门见山 响应图片技术可以说是响应布局衍生出来的一个小分支。说白了,就是不同显示器宽度下调用不同...
轻松删除MetInfo CMS... 第一步:首页底部版权,模板文件foot直接删除; 第二部:首页头部generator版权,\publ...
ckplayer6.3如何替换... 1.刚打开播放器,视频在缓冲时播放器中间的LOGO怎么替换?(如下图) 2.视频播放器右上角的CK ...
inDensity,inTar... 如果接触Android中的Bitmap较深的话,肯定会知道标题上的这三个属性值,那么这三个属性值的关...
JS 验证 利用Javascript中每个对象(Object)的prototype属性我们可以为Javascri...
在文本框中输入时保证总是在最... 那就要在keypress时保证文本框的光标在尾部,而文本框value赋值后其光标默认在最后,故可采用...
微信UA Mozilla/5.0 (Linux; U; Android 2.3.6; zh-cn; GT-S5...
检测大写锁定键(Caps Lo... h1检测大写锁定键/h1form action="#" method="post" p label ...
iframe高度自适应,全屏,... !注意此方法用于同一个域名下,可能需要部署在服务器上才能看出效果 !DOCTYPE html PUB...