表格
在编辑页面创建表格有两种方法:一种方法是点击;另一种是点击。
1. 第一种添加表格方法
点击会弹出对话框如下图(在插入后表格右键—表格属性,也可弹出此对话框),直接点击“确定”就会出现一个简单表格。
表格属性:
l 行数、列数:设置表格有几行几列。
l 宽度、高度:设置表格宽高。可以只输入数字,也可以输入百分比或者输入数字加单位“px”,例如:100px。注意:设置表格宽度时,尽量只在首行设置,以免给后期页面检查带来困扰。
l 间距:表格中单元格之间的距离。
l 边距:表格中单元边界与单元内容之间的距离。
l 边框:表格边框的宽度。
l 对齐方式:用来调整表格位置,默认左对齐。
l 标题单元格:设置标题单元格位置。
l 标题:给表格加标题。
l 摘要:表格内容的摘要。
高级:
l Background image:设置表格背景图片。
l Background position:设置背景图片的起始位置,详情请点击background-position。
l Background repeat:背景图片重复出现的方式。选项中 none——只出一个背景图片;repeat——如果背景图片没有表格大的话,它会重复出现,直至占满所有表格;Horizontally——如果背景图片没有表格大的话,它只占满一行;verticaly——如果背景图片没有表格大的话,它只占满一列。
l Background Attachment:设置背景图像是否固定或者随着页面的其余部分滚动,详情请点击background-attachment。
l Background Color:设置表格背景颜色。
2. 第二种添加表格方法
我们再看看另外一种创建表格的方法。点击,显示如下:
l 有表头:表格上面增加一行表头。
l 斑马线风格:灰白相间的表格。
l 有边框:表格加上边框。
l 更小行间距:行内边距(padding)减小,使表看起来更紧凑。
l 附加的class:设置的是整个表格的样式类。
l 附加的style:设置的是整个表格的style。
属性详细介绍可参考http://docs.kissyui.com。
注意:在用户重新打开wide之前,以上属性的设置wide具有记录上次的功能。避免用户设置错误,建议用户首先全部设置,再全部清空,最后根据需求设置。
此种插入表格与第一种相比,这个方便又快捷,但是一次性插入表格最大是6行6列。
3. 单元格的设置
选中需要进行修改的单元格,右键—>单元格—>单元格属性。相关属性如下:
l 宽度、高度:设置单个单元格的宽高,单位可以是像素和百分比。
l 单元格类型:可选数据或表头。
l 纵跨行数、横跨列数:设置单元格占有表中多少行的宽度或多少列的高度。
l 自动换行:设置单元格文字过多时是否换行。
l 水平对齐、垂直对齐:设置单元格中内容的对齐方式。
l 背景颜色、边框颜色:设置单元格的背景颜色和边框颜色。
l Background image:设置单元格的背景图片,输入的图片的url。
l Background position:设置背景图片的位置。
l Background repeat:设置背景图片是否重复。Repeat表示背景图片重复;Horizontally表示背景图片仅在水平方向重复;Verticaly表示背景图片仅的竖直方向重复,None表示背景图片不重复。