Dreamweaver 防止英文字符撑破表格技巧

Dreamweaver 防止英文字符撑破表格技巧

 

1.在文档中插入一个宽200px的表格。在表格中输入连接的英文字符时,表格被撑破。



2. 转换到代码视图,在</head>标签之前加上:
<style type="text/css">
<!--
table {
font-family: "宋体", Arial;
font-size: 12px;
line-height: 20px;
color: #000000;
text-decoration: none;
table-layout:fixed;
word-break:break-all;
word-wrap:break-word;
}
div {
word-break:break-all;
word-wrap:break-word;
}
-->
</style>


3.按F12键,在浏览器中测试时的效果。


 

推荐阅读

    Dreamweaver教程:测试和上传

    Dreamweaver教程:测试和上传,上传,测试,教程,点击,站点,防火墙,文件,Dreamweaver教程:测试和上传 一个站点做好后,需要对站点进行

    ppt2010基础教程:在图形中输入文本

    ppt2010基础教程:在图形中输入文本,文本,输入,图形,鼠标指针,光标,提示,拖动,ppt2010基础教程:在图形中输入文本 让我们尝试在矩形或箭头内

    ppt2010基础教程:编辑连接线|箭头

    ppt2010基础教程:编辑连接线|箭头,绘图工具,小红,单击,显示,重排,重新连接,选项卡,ppt2010基础教程:编辑连接线(箭头) 一、如何将连接线重新

    幻灯片视图操作|1

    幻灯片视图操作|1,视图,操作,幻灯片,复制,删除,位置,文本,幻灯片视图操作(1) ——幻灯片的删除 如何删除一个幻灯片呢?幻灯片的移动、复制和

    新建演示文稿及插入字符

    新建演示文稿及插入字符,字符,演示文稿,命令,菜单,单击,输入,显示,新建演示文稿及插入字符 1、新建演示文稿 我

    幻灯片视图操作|2

    幻灯片视图操作|2,视图,操作,幻灯片,显示,浏览,工具,窗口,幻灯片视图操作(2) ——大纲视图 单击窗口左下角的第二个按钮,就切换到了大纲视图

    ppt2010基础教程:在模板中输入文本

    ppt2010基础教程:在模板中输入文本,文本,输入,模板,演示文稿,幻灯片,覆盖,项目,ppt2010基础教程:在模板中输入文本 让我们尝试在使用模板创