dw做的一个网页,调用数据库的内容,英文字母为什么不能自动换行啊?

如题,我在网上查了几个解决办法,如http://zhidao.baidu.com/question/8363109.htmlhttp://zhidao.baidu.com/question/41388174.html?fr=qrl
但是均不能解决问题,这是为什么啊?
请高手指教一下,谢谢了!在线等,解决了立即奉上分数!

动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法

对于div,p等块级元素
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
html
<div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义</div>
css
#wrap{white-space:normal; width:200px; }

1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行

#wrap{word-break:break-all; width:200px;}
或者
#wrap{word-wrap:break-word; width:200px;}

<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

效果:可以实现换行

2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条

#wrap{word-break:break-all; width:200px; overflow:auto;}

<div id="wrap">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

效果:容器正常,内容隐藏

对于table

1. (IE浏览器)使用 table-layout:fixed;强制table的宽度,多余内容隐藏

<table style="table-layout:fixed" width="200">
<tr>
<td>abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss
</td>
</tr>
</table>

效果:隐藏多余内容

2.(IE浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行

<table width="200" style="table-layout:fixed;">
<tr>
<td width="25%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td style="word-wrap : break-word ;">abcdefghigklmnopqrstuvwxyz 1234567890
</td>
</tr>
</table>

效果:可以换行

3. (IE浏览器)在td,th中嵌套div,p等采用上面提到的div,p的换行方法

4.(Firefox浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用word-break : break-all;或者word-wrap : break-word ;换行,使用overflow:hidden;隐藏超出内容,这里overflow:auto;无法起作用

<table style="table-layout:fixed" width="200">
<tr>
<td width="25%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
<td width="75%" style="word-wrap : break-word; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
</tr>
</table>

效果:隐藏多于内容

5.(Firefox浏览器) 在td,th中嵌套div,p等采用上面提到的对付Firefox的方法
运行代码框
最后,这种现象出现的几率很小,但是不能排除网友的恶搞。如果有什么问题请到我的留言本提出

下面是提到的例子的效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>字符换行</title>
<style type="text/css">
table,td,th,div { border:1px green solid;}
code { font-family:"Courier New", Courier, monospace;}
</style>
</head>
<body>
<h1><code>div</code></h1>
<h1><code>All white-space:normal;</code></h1>
<div style="white-space:normal; width:200px;">Wordwrap still occurs in a td element that has its WIDTH attribute set to a value smaller than the unwrapped content of the cell, even if the noWrap property is set to true. Therefore, the WIDTH attribute takes precedence over the noWrap property in this scenario</div>

<h1><code>IE \ word-wrap : break-word ;</code></h1>
<div style="word-wrap : break-word ; width:200px;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
<h1><code>IE \ word-break:break-all;</code></h1>
<div style="word-break:break-all;width:200px;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

<h1><code>Firefox/ word-break:break-all; overflow:auto;</code></h1>
<div style="word-break:break-all; width:200px; overflow:auto;">abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>
<h1><code>table</code></h1>
<h1><code>table-layout:fixed;</code></h1>
<table style="table-layout:fixed" width="200">
<tr>
<td>abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td>
</tr>
</table>
<h1><code>table-layout:fixed; word-break : break-all; word-wrap : break-word ;</code></h1>
<table width="200" style="table-layout:fixed;">
<tr>
<td width="25%" style="word-break : break-all; ">abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td>
<td style="word-wrap : break-word ;">abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss</td>
</tr>
</table>
<h1><code>FF \ table-layout:fixed; overflow:hidden;</code></h1>
<table style="table-layout:fixed" width="200">
<tr>
<td width="25%" style="word-break : break-all; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
<td width="75%" style="word-wrap : break-word; overflow:hidden; ">abcdefghigklmnopqrstuvwxyz1234567890</td>
</tr>
</table>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
第1个回答  2009-04-27
解决FF和IE长字符串撑开父容器,不折行问题

参考资料:http://www.u6u8.net/blog/article.asp?id=878

本回答被提问者采纳
第2个回答  2009-04-27
你把表格的宽度 的值限定 在试试看

dw做的一个网页,调用数据库的内容,英文字母为什么不能自动换行啊?
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行 html 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 css wrap{white-space:normal; width:200px; } 1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break...

DW 英文自动换行
单元格内,中文字符如果超出了单元格的宽度,都会自动换行,但奇怪的是,如果全是英文的话,不过你将TD的宽度设为多大,英文字符都不会自动换行,只会一直延伸.如果做英文站点,动态输出内容,这个就麻烦了.幸好有个简单的办法可以解决:就是用CSS.只需用到:word-break:break-all就可以了.例如: testtesttest...

dw网页内容自动换行
这个原因是因为你直接在DW里面写内容 你必须用表格做 表格属性为像素 就OK了 到时候把表格边框设置为0 不是写在层上,是先用表格把内容划分好,然后把内容写在表格上,表格上也可以添加层等等,说白点,就是用表格来布局

...打文字怎么会出现下面哪种情况,怎么不自动换行了?
英文连续打是不会换行的 中间必须有空格或符号才会换行

用dw做的asp重复区域不能自动换行
一个明显的错误,你要把也放入循环内,以下内容有错误 ---你的代码--- < While ((Repeat1__numRows <> 0) AND (NOT Recordset1.EOF))> <%=(Recordset1.Fields.Item("bt").Value)%> <%=(Recordset1.Fields.Item("djs").Value)%> 修改 删除 < Repeat1__index=Repeat1__index+1 ...

在dreamweaver中怎样实行表单换行
第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在DW里表格内的文字不会自动换行,但这仅是DW里的显示效果,在IE里其实是可以正常换行的。如果希望在DW的编辑状态也能使文字自动换行,把表格内文字的字体设置为中文字体即可(例如“宋体”)。第二种,你在表格中输入了连串无空格的英文或...

dw模板页的可编辑区域从数据库调用文字后把页面撑开了,该怎么办
设置文本框的宽度+overflow: auto;,或者限制文本框的字符数 maxlength="30"

用DW软件写一个登录页面,点击按钮连接数据库,再跳转页面的代码
这你要别人怎么帮你啊,你不懂后台代码 也不懂sql数据库语句,我写给你代码 你也不会用啊,先要连接数据库.$conn = mysql_connect('数据库地址','数据库名称','数据库密码');mysql_select('数据库表名',$conn);然后既然是登录的话 那么就要查询数据库.登录是一个表单,表单提交的东西 ...

dw网页设计中,动态文本格式问题
如果你用了上述方法,替换了空格或回车等,出来进就不会有格式 建议:不替换,然后输出时,放在表格里,设置如下代码,即可自动换行:style="word-break:break-all"> <!-- 控制表格的长度来换行 --> RippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRipple ...

用DW做动态网页的时候如何连接数据库?
反正一句话,就是当你输入 http:\/\/localhost\/ 时,显示的内容已不是默认的IIS首页,而是你所设置的DW站点文件夹中的默认首页文档。那么在设置了该IIS站点之后 1,数据库文件cnbruce.mdb,所在文件夹database(可http访问)2,DW自动生成的连接数据库文件conn.asp,所在文件夹Connections 3,如果在DW中...

相似回答
大家正在搜