为什么表格会被撑大？_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

为什么表格会被撑大？

作者：闵涛文章来源：闵涛的学习笔记点击数：633 更新时间：2009/4/23 12:34:34

解决思路：
这个问题一般发生在单元格内容中出现不间断的英文或者标点符号时就不会自动换行，表格被撑得很大，所以问题的关键在于设置让它自动换行或强制换行。

具体步骤：
给表格定义以下CSS属性：

table-layout:fixed;word-wrap:break-word;word-break:break-all

完整代码示例：

    <table style="table-layout:fixed;word-wrap:break-word;word-break:break-all;border:1px solid #000000;width:200px">
    <tr><td><script>document.write(new Array(267).join("!"))</script></td></tr>
    </table>

提示：代码
<script>document.write(new Array(267).join("!"))</script>

的作用在浏览器中输出266个叹号"!"
特别提示
未定义CSS之前，单元格内的内容不会自动换行，而定义之后在定义的宽度边界外强制换行，效果分别如图 1.2.30、图1.2.31所示。

图1.2.30 内容不换行的表格

图 1.2.31 强制内容换行的表格

特别说明

本例用到表格的CSS属性 table-layout 、word-wrap和word-break 属性。
table-layout 设置表格的布局算法。fixed：固定算法。
word-break 设置单词内的换行行为，特别是对象中出现多语言的情况。break-all:依照亚洲语言和非亚洲语言的文本规则，允许在字内换行，也允许非亚洲语言文本行的任意字内断开。
word-wrap 设置当当前行超过指定容器的边界时是否断开转行。break-word：内容将在边界内换行。

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程： Dreamweaver为你的站点定做颜色

下一篇教程： Dreamweaver创建导航条

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……