常州网络公司首页 >>> WEB编程 >> DHTML&HTML

colgroup和col的使用方法

发布时间:2010-3-26 16:49:40   浏览次数:6621

今天看了一个180万的系统,真的很厉害,呵呵。在看的时候我突然看到这样一段代码:
<COLGROUP>
<col width=55px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol0 index=0 FpCol=1>
<col width=70px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol1 index=1 FpCol=2>
<col width=120px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol2 index=2 FpCol=3>
<col width=195px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol3 index=3 FpCol=4>
<col width=75px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol4 index=4 FpCol=5>
<col width=120px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol5 index=5 FpCol=6>
<col width=80px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol6 index=6 FpCol=7>
<col width=100px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol7 index=7 FpCol=8>
<col width=65px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol8 index=8 FpCol=9>
<col width=60px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol9 index=9 FpCol=10>
<col width=100px id=ctl00_ContentPlaceHolder1_fpsDeliveryStandByListcol10 index=10 FpCol=12>
<col width=5000px index=13 FpCol=13>
</COLGROUP>

一时看不懂什么意思,平时也没有用过,所以就网上找了一下,总算了解了一些,简单讲,就是定义表格一列的属性。

先说一下COLGROUP,下面把网上的一个例子放过来。

<table width="100%" border="1">
  <colgroup span="2" align="left"></colgroup>
  <colgroup align="right" style="color:#0000FF;"></colgroup>

  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
看到没,它定义了第一列和第二列所有信息居左显示,第三列居右且定义了文字色彩。

我们再看看COL,再看个例子:
<table width="100%" border="1">
  <col align="left" />
  <col align="left" />
  <col align="right" />

  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
同样也是把表格的前第一列和第二列所有信息居左显示,第三列居右显示。

文章刚开始发出来是colgroup和col嵌套使用。


下面是有半colgroupcol的所有属性

 

属性 描述
align
  • right
  • left
  • center
  • justify
  • char
定义在列组合中内容的水平对齐方式。
char character 规定根据哪个字符来对齐列组中的内容。
charoff number 规定第一个对齐字符的偏移量。
span number 规定列组应该横跨的列数。
valign
  • top
  • middle
  • bottom
  • baseline
定义在列组合中内容的垂直对齐方式。
width
  • pixels
  • %
  • relative_length
规定列组合的宽度。

 

上一条:HTML 事件属性(收藏)
下一条:不显示iframe的滚动条
首页 | 在线留言 | 网站地图

CopyRight ©2008-2014   糊涂蛋技术网    苏ICP备05013073号
站长:万创   QQ:54960248  E-mail:xlxcn#126.com