📄 102.html
字号:
</tr>
<tr>
<td style="word-break: break-all; word-wrap:break-word;"><div class="gray14">用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：（ <BR>总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。 <BR>table{table-layout: fixed;} <BR>td{word-break: break-all; word-wrap:break-word;} <BR>注释一下： <BR>1.第一条table{table-layout: fixed;}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。 <BR>2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。 <BR>当容器有固定的宽度的时候，文字大于容器宽度的时候会自动折行，但是字母和数字的时候并不会折行，而是在一行显示下去 <BR><BR>硬是记不到这个东西！！！放这里好随时看！！！！！ <BR>style="word-break :break-all;" <BR><BR>解决办法： <BR>ie： <BR>在容器的css中加word-break:break-all; <BR>语法：word-break : normal | break-all | keep-all 取值： <BR>normal : 默认值。允许在词间换行 <BR>break-all : 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 <BR>keep-all : 与所有非亚洲语言的 normal 相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本 <BR>语法：word-wrap : normal | break-word 取值：normal : 默认值。允许内容顶开指定的容器边界 <BR>break-word : 内容将在边界内换行。如果需要，词内换行( word-break )也将发生 <BR>MOZ（firefox） <BR>用js截取字符串强制换行。 <BR><BR><script type="text/javascript"> <BR>// <![CDATA[ <BR><BR>function toBreakWord(intLen){ <BR>var obj=document.getElementById("ff"); <BR>var strContent=obj.innerHTML; <BR>var strTemp=""; <BR>while(strContent.length>intLen){ <BR>strTemp+=strContent.substr(0,intLen)+" <BR>"; <BR>strContent=strContent.substr(intLen,strContent.length); <BR>} <BR>strTemp+=" <BR>"+strContent; <BR>obj.innerHTML=strTemp; <BR>} <BR>if(document.getElementById && !document.all) toBreakWord(11) <BR>// ]]> <BR></script></div></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="5" style="border:1px solid #EBEBEB; margin-top:8px;">
<tr>
<td class="gray14">·上一条：没有了<br />·<a href="article/67.html">下一条：WINDOWS XP注册表技巧应用汇集</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="8" style="border:1px solid #EBEBEB; margin-top:8px;">
<tr>
<td bgcolor="#f2f6fb" class="black14b">相关文章</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="5" style="border:1px solid #EBEBEB; margin-top:4px;">
<tr>
<td class="gray14">·<a href="article/22.html" title="新闻系统">新闻系统</a> <font color="#999999">2009-04-22 15:36:06</font><br />
·<a href="article/67.html" title="WINDOWS XP注册表技巧应用汇集">WINDOWS XP注册表技巧应用汇集</a> <font color="#999999">2009-04-25 00:58:32</font><br />
·<a href="article/66.html" title="安装windows7单系统的方法">安装windows7单系统的方法</a> <font color="#999999">2009-04-25 00:57:58</font><br />
·<a href="article/65.html" title="加速系统关机 让离开不再等待">加速系统关机 让离开不再等待</a> <font color="#999999">2009-04-25 00:54:26</font><br />
·<a href="article/102.html" title="如何让表格强行换行">如何让表格强行换行</a> <font color="#999999">2009-05-01 00:28:24</font><br />
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="8" style="border:1px solid #EBEBEB; margin-top:8px;">
<tr>
<td bgcolor="#f2f6fb" class="black14b">文章评论</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="3" style="border:1px solid #EBEBEB; margin-top:4px;">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="5">
<form id="form2" name="form2" method="post" action="save.asp">
<script language="JavaScript" type="text/javascript">
String.prototype.trim = function(){ return this.replace(/(^\s*)|(\s*$)/g, "");}
function Ok3w_G_Submit(frm)
{
if(frm.UserName.value.trim()=="" || frm.UserName.value=="请输入您的姓名")
{
alert("请输入姓名");
frm.UserName.focus();
return false;
}
if(frm.Content.value.trim()=="" || frm.Content.value=="请输入您的评论")
{
alert("请输入内容");
frm.Content.focus();
return false;
}
frm.bntSubmit.disabled=true;
frm.submit();
}
</script>
<tr>
<td>现在有<strong>0</strong>人对本文发表评论 <a href="Comments.asp?ArticleID=102" style="color:#990000; text-decoration:underline;">查看所有评论</a></td>
</tr>
<tr>
<td><input name="UserName" type="text" id="UserName" value="请输入您的姓名" onFocus="this.value='';" maxlength="20" />
<input name="TypeID" type="hidden" id="TypeID" value="2" />
<input name="TableID" type="hidden" id="TableID" value="102" />
<input name="action" type="hidden" id="action" value="Comments" /></td>
</tr>
<tr>
<td><textarea name="Content" cols="50" rows="5" id="Content" onFocus="this.value='';" style="width:99%;">请输入您的评论</textarea></td>
</tr>
<tr>
<td><input name="bntSubmit" type="button" id="bntSubmit" value="Ok！立即提交" onClick="Ok3w_G_Submit(this.form)" /></td>
</tr>
</form>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="8" style="border:1px solid #EBEBEB; margin-top:8px;">
<tr>
<td bgcolor="#f2f6fb" class="black14b">赞助商链接</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="5" style="border:1px solid #EBEBEB; margin-top:4px;">
<tr>
<td class="gray14"><iframe id="baiduSpFrame" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="468" height="100" src="http://spcode.baidu.com/spcode/spstyle/style1390.jsp?tn=zhengbi_sp&ctn=0&styleid=1390"></iframe></td>
</tr>
</table></td>
</tr>
</table>
</td>
<td width="360" align="right" valign="top"><table width="344" border="0" cellpadding="3" cellspacing="1" bgcolor="#AEE1DC">
<tr>
<td align="center" bgcolor="#FFFFFF"><iframe id="baiduSpFrame" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="336" height="280" src="http://spcode.baidu.com/spcode/spstyle/style2749.jsp?tn=zhengbi_sp&ctn=0&styleid=2749"></iframe></td>
</tr>
</table>
<table width="344" border="0" cellpadding="0" cellspacing="1" bgcolor="#AEE1DC" style="margin-top:8px;">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/index5_37.gif">
<tr>
<td width="10"> </td>
<td align="left" class="black14b">最新更新</td>
<td align="right"><img src="images/index5_39.gif" width="35" height="29" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" bgcolor="#FFFFFF" class="gray14">·<a href="article/102.html" title="如何让表格强行换行">如何让表格强行换行</a><br />
·<a href="article/67.html" title="WINDOWS XP注册表技巧应用汇集">WINDOWS XP注册表技巧应用汇集</a><br />
·<a href="article/66.html" title="安装windows7单系统的方法">安装windows7单系统的方法</a><br />
·<a href="article/65.html" title="加速系统关机 让离开不再等待">加速系统关机 让离开不再等待</a><br />
·<a href="article/22.html" title="新闻系统">新闻系统</a><br />
</td>
</tr>
</table>
<table width="344" border="0" cellpadding="3" cellspacing="1" bgcolor="#AEE1DC" style="margin-top:8px;">
<tr>
<td align="center" bgcolor="#FFFFFF"><iframe id="baiduSpFrame" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="336" height="280" src="http://spcode.baidu.com/spcode/spstyle/style1961.jsp?tn=zhengbi_sp&ctn=0&styleid=1961"></iframe></td>
</tr>
</table>
<table width="344" border="0" cellpadding="0" cellspacing="1" bgcolor="#AEE1DC" style="margin-top:8px;">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/index5_37.gif">
<tr>
<td width="10"> </td>
<td align="left" class="black14b">阅读排行</td>
<td align="right"><img src="images/index5_39.gif" width="35" height="29" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" bgcolor="#FFFFFF" class="gray14">·<a href="article/67.html" title="WINDOWS XP注册表技巧应用汇集">WINDOWS XP注册表技巧应用汇集</a><br />
·<a href="article/22.html" title="新闻系统">新闻系统</a><br />
·<a href="article/65.html" title="加速系统关机 让离开不再等待">加速系统关机 让离开不再等待</a><br />
·<a href="article/66.html" title="安装windows7单系统的方法">安装windows7单系统的方法</a><br />
·<a href="article/102.html" title="如何让表格强行换行">如何让表格强行换行</a><br />
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="8"></td>
</tr>
</table>
<table width="950" border="0" align="center" cellpadding="0" cellspacing="0" background="images/index5_79.gif">
<tr>
<td height="87" align="center" style="line-height:210%;"><a href="about/25.html">关于我们</a> | <a href="about/26.html">使用说明</a> | <a href="about/27.html">联系方式</a> | <a href="about/50.html">免责声明</a> | <a href="about/87.html">免费下载</a> | <a href="guest.asp">有事请留言</a> | <a href="http://www.miibeian.gov.cn/" target="_blank">滇ICP备08101427号</a><br />
联系邮箱:<strong>zhengbi888@yahoo.com.cn</strong> 在线QQ:<strong>124895502</strong><br />
Copyright 2009, 版权所有 www.glzy8.com.</td>
</tr>
</table>
<script type="text/javascript" src="http://js.tongji.cn.yahoo.com/1069578/ystat.js"></script><noscript><a href="http://tongji.cn.yahoo.com"><img src="http://img.tongji.cn.yahoo.com/1069578/ystat.gif"/></a></noscript>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -