textarea水平滚动条问题

wojuedezhehenmafanya 2010-07-02 03:31:16
谁能给个textarea现实水平滚动条的例子。
主要目的是为了显示我查出来的一些数据,按行显示,
我在网上找了很多,花了我快一天时间都没解决。

这是我的代码:
<textarea style="overflow:auto; width:100px;">
......................
...
...............................111111111111111111111111111111111111111111111111111qqqqqqqqq
</textarea>
其中width:100px的值要是变大一些,就不会显示滚动条了,帮忙解决下。
谢谢各位。
...全文
402 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
sun0322 2010-07-05
  • 打赏
  • 举报
回复
mark
textarea的wrap属性
学习了!
off:不自动换行;
hard:自动硬回车换行,换行标记一同被传送到服务器中去;//下面没有滚动条
soft:自动软回车换行,换行标记不会传送到服务器中去 //下面没有滚动条

默认是soft//帮助文档里写的

在IE和firefox下,都没有下面的滚动条//自己试过了!
  • 打赏
  • 举报
回复
谢谢各位了,
我把wrap="off"写在了style=“”里面了。
跟着Mic学架构 2010-07-02
  • 打赏
  • 举报
回复
<textarea wrap="off" rows="6" cols="30"></textarea> 试过了 ,可以
qustgjk 2010-07-02
  • 打赏
  • 举报
回复
<textarea wrap="off" style="overflow-x:scroll; width:200px; height:50px;">
hoojo 2010-07-02
  • 打赏
  • 举报
回复

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>textareaSrcoll.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

</head>

<body>
<textarea name="warn_task" wrap="off" cols="52" rows="8">
......................
...
...............................111111111111111111111111111111111111111111111111111qqqqqqqqq
</textarea>
</body>
</html>

跟着Mic学架构 2010-07-02
  • 打赏
  • 举报
回复
请指定 wrap="off"。

<textarea wrap="off"></textarea>
此时除非遇到换行符,否则内容将一直向右。

IE 中默认情况下就会有横向滚动条;Firefox、Chrome 默认没有横向滚动条,要当内容超过 textarea 宽度后,才会出现。

81,122

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧