61,115
社区成员
发帖
与我相关
我的任务
分享IE7,input按钮文字，How to 换行。
如题，请问在IE7下，怎么样的一种CSS设计支持<input type="button"/>中的文字换行。
white-space:pre-wrap; IE中无效， word-wrap:word-break;在<input>中也行不通。
所以前来求助，明天早上上班来结贴。本着助人为乐的精神，还请能搞定的人助我一二。
显示出来就类似于"这是我要换行的
文字"
white-space:pre-wrap; IE中无效， word-wrap:word-break;在<input>中也行不通。
所以前来求助，明天早上上班来结贴。本着助人为乐的精神，还请能搞定的人助我一二。
<!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=utf-8" />
<title>我要学怎么换行，注意:IE7</title>
</head>
<body>
<input type="button" value="这是我要换行的 文字">
</body>
</html>
显示出来就类似于"这是我要换行的
文字"
...全文
请发表友善的回复…
发表回复
lianqin7 2010-04-27
- 打赏
- 举报
[Quote=引用 8 楼 nandou1989 的回复:]
回复一下lianqin7，我的问题目前就是，一大串的html是通过数据库生成出来的，不方便在中间通过程序逻辑再去加 
这种形式的代码。 目前我想知道的就是“仅”通过CSS能否解决在IE7下的按钮上的文字换行。
[/Quote]
不可能“仅”通过CSS的，那只能用button标签了，input标签显示的值是靠value的，css控制不到
回复一下lianqin7，我的问题目前就是，一大串的html是通过数据库生成出来的，不方便在中间通过程序逻辑再去加 
这种形式的代码。 目前我想知道的就是“仅”通过CSS能否解决在IE7下的按钮上的文字换行。
[/Quote]
不可能“仅”通过CSS的，那只能用button标签了，input标签显示的值是靠value的，css控制不到
nandou1989 2010-04-27
- 打赏
- 举报
谷歌里我看了很多的关于这个的帖子，好像有很多人都有我这个问题。 相信程序的世界里是无所不能的，希望明天早上过来，能看到某位有思路单纯用CSS来实现。
谢谢各位。
谢谢各位。
nandou1989 2010-04-27
- 打赏
- 举报
回复一下lianqin7，我的问题目前就是，一大串的html是通过数据库生成出来的，不方便在中间通过程序逻辑再去加
这种形式的代码。 目前我想知道的就是“仅”通过CSS能否解决在IE7下的按钮上的文字换行。
nandou1989 2010-04-27
- 打赏
- 举报
哥们你也帮我想一下，我搞了一两小时，搜了不少帖子，好像没有真正能解决问题的。
这功能用一个white-space:pre-wrap;就能解决FF和Chrome之类的。
但在IE7下不行。 用word-wrap能解决IE FF下的P标签，但是对Input就无效了。
所以，还是要问，用什么样的一个CSS组合能实现。 要是真不能，客户是上帝，我得改生成数据的底层了。
这功能用一个white-space:pre-wrap;就能解决FF和Chrome之类的。
但在IE7下不行。 用word-wrap能解决IE FF下的P标签，但是对Input就无效了。
所以，还是要问，用什么样的一个CSS组合能实现。 要是真不能，客户是上帝，我得改生成数据的底层了。
lianqin7 2010-04-27
- 打赏
- 举报
<input type="button" value="这是我要换行的
文字">
HTML的换行转义符
挨踢直男 2010-04-27
- 打赏
- 举报
按楼主的说法 最好用图片实现
挨踢直男 2010-04-27
- 打赏
- 举报
sorry 看错了 是 button
nandou1989 2010-04-27
- 打赏
- 举报
对了，我要说明一下了。我现在是直接从数据库里生成了一个树结构。
所以生成出来时所以html已经出来了， 现在只是想用最少的改动去提交给客户。
所以， 想从CSS上来实现。
所以生成出来时所以html已经出来了， 现在只是想用最少的改动去提交给客户。
所以， 想从CSS上来实现。
挨踢直男 2010-04-27
- 打赏
- 举报
为什么要这么做 input本来就是个单行的输入框
要换行 用 textarea啊
要换行 用 textarea啊
lianqin7 2010-04-27
- 打赏
- 举报
<button>这是我要换行的<br />文字</button>
