UC知道网页设计高手进来
来源：百度知道 编辑：UC知道 时间：2024/05/17 03:56:42
我用ASP做了一个留言本，可是显示用户留言的内容却使网页变了形，撑得长长的很难看，如何使留言内容成原始段落排版不变形？
后来在字体样式定义里加了以下语句“word-wrap:break-word;
同时把相关内容也放在<pre>文字</pre>里面，同时对文字所在单元格也限制了长度，这样可是可以了，用IE浏览器浏览时不变形，但我后来用火狐和Opera浏览器浏览时却还是变形的，撑得长长的很难看，这是为什么？
总之一句话请回答我，要如何做才能不变形？
后来在字体样式定义里加了以下语句“word-wrap:break-word;
同时把相关内容也放在<pre>文字</pre>里面，同时对文字所在单元格也限制了长度，这样可是可以了，用IE浏览器浏览时不变形，但我后来用火狐和Opera浏览器浏览时却还是变形的，撑得长长的很难看，这是为什么？
总之一句话请回答我，要如何做才能不变形？
style="word-wrap:break-word;width:500px;" 加上这个样式就够了,把pre标记去掉,
在内容外嵌套
<span style="word-wrap:break-word;width:500px;">你的内容</span>
标记
被撑飞的原因是系统会认为长长的连着一体的英文字母是一个单词,所以即使到了边界也不会换行,而pre标记是不起作用的,pre标记是保持编辑不变形,但是你编辑时这个单词根本没有用任何换行或空格,所以仍是一个单词,故不会起作用
样式定义,加上word-wrap:break-word;只是保持自动换行,我们给它加上一个宽度,它在达到该宽度后将自动强制换行.另外还有一个方法可以消极的解决这个问题,就是给这个长单词加几个空格哈哈
除非火狐或opera不支持样式,否则<span style="word-wrap:break-word;width:500px;">你的内容</span>都是好使的呵呵.