如何防止发文章时,表格被图片或文字撑开
Submitted by on 2006, September 1, 4:40 AM. 技术
在做网站的时候,总是遇到一个问题,就是后台如何控制文字或者是图片的的宽度,否则由于图片的固有宽度和文字未换行,总会导致在前台显示文章的时候,很难控制宽度,增加了发文章者的难度,一直都在网上搜寻这个代码,好不容易在
http://52la.cn/article.asp?id=137
上看到了相关的解答,其实原理呢,很简单,用css来进行控制文字的自动换行和图片的宽度和高度,如何进行控制:
一.文字的自动换行:
在表格的<td>中加如如下语句--style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"具体的语法可以参考w3c的css标准.
http://www.w3.org/TR/2003/CR-css3-text-20030514/#wordbreak-props
二.防止图片撑开表格的代码:
在css中加入下面这句就可以了：
img {
max-width: 您所需要的象素px; width:expression(this.width > 您所需要的象素 ? "您所需要的象素px" : this.width)
}
如果您的图片实际宽度超过所需要的宽度,图片就会等比例的减少.
