如何在Dreamweaver中灵活控制网页表格高度和宽度？

2010-01-08 23:24:28 作者：网友来源：互联网

在使用Dreamweaver制作主页的时候往往需要改变表格的高度。然而有时当我们拖动表格的边框，无论怎样拖动，等到放下鼠标，表格却又恢复到原来的样子。

出现这种情况的原因在于我们已经为表格提供了一个固定的高度，当我们要改变表格的高度，尤其是压缩表格的时候，表格的高度仍然保持原来的设定值，其直观表象就是无论你怎样拖动表格的边框，表格的高度都不会变化。

在这种情况下，我们只需要去除掉表格高度的设定，然后拖动表格的边框就可以了。那么应该如何去除表格的高度设置呢?

第一种方法：

首先需要选定表格。比较简单的方法是，将光标移动到表格内，然后按“Ctrl+A”组合键，看看，这样不是就选中了光标所在位置的最小的表格了吗?选定了表格以后，在属性框中点击一下“清除行高”图标，表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动匹配高度。

第二种方法：

当然删除表格高度的方法不只上述一种方法，我们也可以选中表格，在表格的属性框中直接删除掉表格的高度值。

同样，该方法也适用于改变表格的宽度的情况，只不过，选定了表格以后，删除的不是行的高度，而是列的宽度。

这样，就可以轻松进行调整表格的高度了。

分享到：

更多...

教程排行榜: dreamweaver教程：用Spry制作选项卡滑动菜单; 用Dreamweaver在网页中插入背景音乐的3种方法; 如何在Dreamweaver中灵活控制网页表格高度和宽度？; Adobe Dreamweaver CS5 网友试用感受; 熟练使用Dreamweaver必备的二十个小技巧; Dreamweaver教程：建造简易版的PHP论坛网站; Dreamweaver技巧：在网页中插入透明Flash的方法; 折叠菜单用dreamweaver轻松制作; Dreamweaver制作网页的段落排版技巧; Dreamweaver的快捷键清单; 巧用Dreamweaver正则工具解决代码替换问题; 图文详解用Dreamweaver制作复杂的交换图像; Dreamweaver教程：制作CSS控制的固定宽度布局; DreamWeaver高级教程：如何批量替换超链接标签？; Dreamweaver教程：轻松制作超酷的Flash相册; Adobe Dreamweaver CS5 的新增功能抢先预览

下载排行榜: 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 简洁效果多图切换flash幻灯焦点图代码; 带标题和数字导航的JS焦点幻灯特效代码; 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码; 31款简单实用的CSS+JS下拉菜单脚本; 3D立体效果金字塔环形旋转的flash+xml相册代码; 基于jQuery实现的瀑布流布局列表特效代码; 透明质感上下滑动带小图预览5屏JS焦点图幻...; 超酷的3D摩天轮flash+xml相册幻灯图片代码; 能沿多个方向滑动切换的jquery幻灯代码; 自带多种幻灯效果支持缩略图导航的jquery画...; 可改图片尺寸和张数的flash幻灯轮换代码; 很好看的带缓冲效果CSS下拉菜单导航代码; 基于jquery很有趣的360度全景图片预览特效; 6屏幻灯上下滑动式带缩略图和文字介绍的fla...