标签：表格 GVEdit 单元格 使用 表头 --- 规定 思而故 对齐

digraph g {

  rankdir=LR

  node [shape=plaintext]

  a [

     label=<

<table border="0" cellborder="1" cellspacing="0">//cellspacing规定单元格之间的空白。

   <tr><td rowspan="3" bgcolor="yellow">class</td></tr>

   <tr><td port="here" bgcolor="lightblue">qualifier</td></tr></table>

>

  ]

/*

colspan 规定表头单元格可横跨的列数

rowspan规定单元格可横跨的行数

********************************************************************************************

<tr> 标签定义 HTML 表格中的行。tr 元素包含一个或多个 td 或 th元素

<td> 标签定义 HTML 表格中的标准行单元格

<th> 标签定义 HTML 表格中的标准列单元格

HTML 表单中有两种类型的单元格：

• 表头单元格 -- 包含表头信息（由 th 元素创建）
• 标准单元格 -- 包含数据（由 td 元素创建）

th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素内的文本通常是左对齐的普通文本。

*/

  b [shape=ellipse style=filled

     label=<<table bgcolor="bisque">

  <tr>

      <td colspan="3">elephant</td> 

      <td rowspan="2" bgcolor="chartreuse" 

          valign="bottom" align="right">two</td>

/*

valign规定单元格内容的垂直排列方式

align规定单元格内容的水平对齐方式

*/

  </tr>

  <tr>

    <td colspan="2" rowspan="2">

      <table bgcolor="grey">

        <tr><td>corn</td></tr> 

        <tr><td bgcolor="yellow">c</td></tr> 

        <tr><td>f</td></tr> 

      </table>

    </td>

    <td bgcolor="white">penguin</td> 

  </tr> 

  <tr>

    <td colspan="2" border="4" align="right" port="there">4</td>

  </tr></table>>

  ]

  c [ 

  label=<long line 1<br/>line 2<br align="left"/>line 3<br align="right"/>> //<br/>简单的换行符

  ]

 /*

*/

  subgraph { rank=same b c }

  a:here -> b:there [dir=both arrowtail=diamond]

  c -> b

  d [shape=triangle]

  d -> c [label=<<table>

  <tr>

    <td bgcolor="red" width="10"> </td>

    <td>edge labels<br/>also</td>

    <td bgcolor="blue" width="10"> </td>

  </tr></table>>

  ]}

/*

table的属性

 

属性	值	描述
align	left center right	不赞成使用。请使用样式代替。 规定表格相对周围元素的对齐方式。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式代替。 规定表格的背景颜色。
border	pixels	规定表格边框的宽度。
cellpadding	pixels %	规定单元边沿与其内容之间的空白。
cellspacing	pixels %	规定单元格之间的空白。
frame	void above below hsides lhs rhs vsides box border	规定外侧边框的哪个部分是可见的。
rules	none groups rows cols all	规定内侧边框的哪个部分是可见的。
summary	text	规定表格的摘要。
width	% pixels	规定表格的宽度。

***************************************************************************************************

tr 的属性

 

属性	值	描述
align	right left center justify char	定义表格行的内容对齐方式。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取而代之。 规定表格行的背景颜色。
char	character	规定根据哪个字符来进行文本对齐。
charoff	number	规定第一个对齐字符的偏移量。
valign	top middle bottom baseline	规定表格行中

************************************************************************************************

td 的属性

 

属性	值	描述
abbr	text	规定单元格中内容的缩写版本。
align	left right center justify char	规定单元格内容的水平对齐方式。
axis	category_name	对单元进行分类。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取而代之。 规定单元格的背景颜色。
char	character	规定根据哪个字符来进行内容的对齐。
charoff	number	规定对齐字符的偏移量。
colspan	number	规定单元格可横跨的列数。
headers	header_cells'_id	规定与单元格相关的表头。
height	pixels %	不赞成使用。请使用样式取而代之。 规定表格单元格的高度。
nowrap	nowrap	不赞成使用。请使用样式取而代之。 规定单元格中的内容是否折行。
rowspan	number	规定单元格可横跨的行数。
scope	col colgroup row rowgroup	定义将表头数据与单元数据相关联的方法。
valign	top middle bottom baseline	规定单元格内容的垂直排列方式。
width	pixels %	不赞成使用。请使用样式取而代之。 规定表格单元格的宽度。

************************************************************************************************

th 的属性

 

属性	值	描述
abbr	text	规定单元格中内容的缩写版本。
align	left right center justify char	规定单元格内容的水平对齐方式。
axis	category_name	对单元格进行分类。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不推荐使用。请使用样式替代它。 规定表格单元格的背景颜色。
char	character	规定根据哪个字符来进行内容的对齐。
charoff	number	规定对齐字符的偏移量。
colspan	number	设置单元格可横跨的列数。
headers	idrefs	由空格分隔的表头单元格 ID 列表，为数据单元格提供表头信息。
height	pixels %	不推荐使用。请使用样式替代它。 规定表格单元格的高度。
nowrap	nowrap	不推荐使用。请使用样式取而代之。 规定单元格中的内容是否折行。
rowspan	number	规定单元格可横跨的行数。
scope	col colgroup row rowgroup	定义将表头数据与单元数据相关联的方法。
valign	top middle bottom baseline	规定单元格内容的垂直排列方式。
width	pixels %	不推荐使用。请使用样式取而代之。 规定表格单元格的宽度。

*/

 

标签：表格,GVEdit,单元格,使用,表头,---,规定,思而故,对齐
来源： https://www.cnblogs.com/surt/p/15559289.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。