textarea 在浏览器中固定大小和禁止拖动

原文：http://blog.sina.com.cn/s/blog_641d569301011naz.html

HTML 标签 textarea 在大部分浏览器中只要指定行（rows）和列（cols）属性，就可以规定 textarea 的尺寸，大小就不会改变，不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同，可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局，使页面变得不美观。可以通过添加如下两个样式禁用拖动，固定大小：

1：彻底禁用拖动（推荐） resize: none;

2：只是固定大小，右下角的拖动图标仍在

width: 200px;

height: 100px;

max-width: 200px;

max-height: 100px;

3：浏览器信息：

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.218 Safari/535.1

<textarea style="margin-left:45px;resize: none; "  rows="20" cols="50" readonly="true" align="center"> </textarea>

转载于:https://blog.51cto.com/wenrouyidao/1600208

textarea 在浏览器中固定大小和禁止拖动相关推荐

simulink中固定大小矩阵和可变大小矩阵创建的几个陷阱
文章目录 1 固定大小矩阵的创建 2 可变大小矩阵的创建 Simulink进行数据处理时经常需要在matlab function里面创建矩阵,但一不留神就会出现创建的矩阵维度错误的问题,有一些比较明显 ...
截取固定大小图片css,css-使不同大小的图片在固定大小的容器中居中
HTML示例如下: 方法一: .imgbox{ position: relative; width: 240px; height: 240px; } .imgbox img{ position: ab ...
php textarea 属性,html表单中textarea属性怎么固定大小？textarea属性实例介绍
本篇文章主要的介绍了关于HTML表单中的textarea属性的固定的大小使用的文本域,可以用作网页的留言框,下方还有具体的表单页面详解,接下来就让我们一起看这篇关于HTML表单中的textarea属性 ...
【杂记】（富文本框回填值、ajax数据回填按钮年级学科、去除数组中数组外包的引号、多重循环的写法、微测评获奖页面的内容循环拼接写法、textarea禁止拖动、html基本、透明度、页面内出现滚动条）
1. 富文本框回填值 for(var i = 0;i<res.data.choiceoptinfo.length;i++){ueArr[i].ready(function(){//选项ueArr ...
禁止微信内置浏览器调整字体大小，从而保证页面不错乱
最近发现在微信浏览器中调整页面的字体大小时,会打乱页面的整个布局,在网上找了找解决的方案,找到了以下此方案,有效的解决了这个问题目前iOS的解决方案是覆盖掉微信的样式:/* IOS禁止微信调整字体大 ...
textarea 固定大小，滚动条，限制拖动，文字对齐
取值:$("#ID").val(); 控制大小:加width,height限制(style="width:100px;height:200px;");或row, ...
在不同浏览器中，input里面的输入光标大小表现形式却大不相同
问题:在不同浏览器中,input里面的输入光标大小表现形式却大不相同,具体的如下: IE:不管该行有没有文字,光标高度与font-size一致. FF:该行有文字时,光标高度与font-size一致. ...
中石油训练赛 - Gone Fishing(固定大小的圆可以覆盖最多的点)
题目大意:在二维平面中给出 n 个点,再给出一个固定大小的圆,问如何放置这个圆可以使其覆盖最多的点题目分析:首先不难想到一种 n^3 的做法,就是两层循环去枚举两个点,因为两个不同的点就可以确定下来 ...
html中获取浏览器窗口宽度,JavaScript 获取浏览器窗口的大小
简明现代魔法 -> JavaScript -> JavaScript 获取浏览器窗口的大小 JavaScript 获取浏览器窗口的大小 2010-04-16 程序演示: 获取浏览器当前窗口 ...

textarea 在浏览器中固定大小和禁止拖动

textarea 在浏览器中固定大小和禁止拖动相关推荐

最新文章

热门文章