网站公告列表     智源网于金日改版成功!  [  2008年7月1日]        
加入收藏
设为首页
联系站长
您现在的位置: 智源网 >> 网站建设 >> 网页软件 >> 教程正文
  [组图]防止英文字符撑破表格           ★★★ 【字体:
Dreamweaver MX进阶教程(十九)防止英文字符撑破表格
作者:佚名    教程来源:本站原创    点击数:    更新时间:2008-7-7    

Dreamweaver MX进阶教程(十九)防止英文字符撑破表格

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键,在浏览器中测试时的效果。

教程录入:admin    责任编辑:admin 
  • 上一个教程:

  • 下一个教程:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    网页制作中关于网页表单提交…
    玩转网页滚动条
    宇宙场景鼠绘教材之星空
    宇宙场景鼠绘教材之星云
    宇宙场景鼠绘教材星体教程
    更快地创建无缝图样
    [Photoshop教程]听雪
    Photoshop制作缭绕的烟雾
    photoshop 技能大全
    PHOTOSHOP再造雪景
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    Copyright 2008-2010 All Rights Reserved
    智源网 版权所有 京ICP备05056525号 站长:智源