找回密码
 开放注册
搜索
查看: 484|回复: 6

基础Html知识求助:有关表格宽度

[复制链接]
发表于 2013-9-8 17:09:16 | 显示全部楼层 |阅读模式
用Html5编辑网页,学到列表时经过试验发现了如下规律,各位高手看看对不对:

用%规定列宽分配:

-当单列宽总和小于等于100%时
    各列宽按所给比例分配,换言之1%2%3%和10%20%30%的结果相同。
-当单列宽总和大于100%时
    各列按照其所能分配到的最大宽度分配列宽,但其宽度至少能丸子显示列中最长的单词。换言之 即使分配比列为1000%1%1%,实际显示效果也仅仅为1000的最宽其余的窄,但每列的单词依然能完整显示。也就是说浏览器会尽量按照1000 1 1 的比例显示,但实际只是达到最可能的近似值而已。


直接规定列宽像素数:

-当单列宽总和小于等于总列宽时
    按所给的像素比例分配列宽,但同样至少保证每列单词完整显示。若所给像素数不足以显示文字则不会改变结果,即1 2 3 和2 3 4没区别。
(教学书上写的 若要等宽分配列宽还得自己计算每列应有的像素数,比如总宽度400三列,则每列应该为400减4乘1的网格宽度再除以3得每列应规定132像素。但蝻发现只要规定的像素数足以让文字显示出来则无所谓多少,只要给的数一样就行,比如这里写三个50或三个100都没问题。)
-当单列宽总和大于总列宽时
    同%,但貌似浏览器会优先分配列宽给第一列,例如若总宽400,三列为1000 2000 3000 时显示结果为第一列1000的反而相对最长,而后两个稍短但一样长。

不知蝻理解的是否有误?
发表于 2013-9-8 19:14:37 | 显示全部楼层
完全不懂的人路过,话说大马户为啥要学这个
发表于 2013-9-8 21:35:12 | 显示全部楼层
看起来马户不是写代码的,为毛还要研究这些呢?
如果是自己有兴趣,研究下倒也挺好。
我的理解是%比主要是为了适应不同大小的显示器,以方便的显示。
直接定义宽度是为了能把需要显示的显示出来,不被其他列挤掉。
极端设置还真没注意过。
我也不是写代码的,没研究过,真心不懂啊
发表于 2013-9-8 22:58:23 | 显示全部楼层
没碰过这玩意,不过按俺的经验,马户还是多找点代码实例读读,干啃书本很折磨人的。
发表于 2013-9-10 18:26:07 | 显示全部楼层
这个特性明显是浏览器决定的啊,不同的浏览器很有可能不一样
html5规范不可能规定的这么细。
发表于 2013-9-10 19:53:52 | 显示全部楼层
研究过一小段时间的html 。
还没有大马户你研究的这么深。
仔细看了一下,回顾了一下当时研究的记忆,我的理解和大马户你的也差不多。
发表于 2013-9-17 14:33:52 | 显示全部楼层
其实,html5并没有给table增加太多内容,马户说的这些大多还是html4的内容~

关于表格宽度,如果没有用样式定死宽度而是在<table>和<td>标签上直接写百分比和像素宽度的话,表格框就会根据单元格实际内容有所改变,这也就是马户说单词仍能显示完整的意思。

关于各列宽度大于表格宽度,这个根据浏览器的解释而定~其实一般万一有这种内容,我们会把表格做成可以滚动的显示方式~

关于网页代码,马户还有什么问题可以和我q上聊~
您需要登录后才可以回帖 登录 | 开放注册

本版积分规则

Archiver|手机版|小黑屋|13号避难所-旧人类论坛

GMT+8, 2026-6-9 07:19 , Processed in 0.094223 second(s), 15 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表