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

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

1:彻底禁用拖动(推荐)

resize: none;

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

width200px;
height100px;
max-width200px;
max-height100px;

3:浏览器信息:

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.218 Safari/535.1
转载: http://blog.sina.com.cn/s/blog_7a3173230100u1o8. html
  • 11
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
### 回答1: 在JavaFX,可以使用TextArea类来创建文本区域。要设置文本区域的大小,可以使用setPrefSize()方法来设置其首选大小。例如,以下代码将创建一个宽度为200像素,高度为100像素的文本区域: ``` TextArea textArea = new TextArea(); textArea.setPrefSize(200, 100); ``` 除了setPrefSize()方法外,还可以使用其他方法来设置文本区域的大小,例如setMinSize()和setMaxSize()方法。这些方法的具体用法可以参考JavaFX的API文档。 ### 回答2: 在JavaFXTextarea是一个文本输入框控件,它可以自动换行,并且可以在其输入多行文本。 Textarea具有许多属性,其包括size属性。 size属性控制Textarea大小,它有两个参数,分别是width和height。width是宽度参数,表示Textarea的宽度,单位为像素(px);height是高度参数,表示Textarea的高度,单位也为像素(px)。默认情况下,width和height的值都是自适应的。 如果需要手动设置Textarea大小,可以通过代码来实现。以下是一个简单的示例: ``` TextArea textArea = new TextArea(); //创建一个TextArea对象 textArea.setPrefSize(300, 150); //设置TextArea大小为300*150像素 ``` 以上代码将创建一个Textarea对象,并将它的大小设置为300px * 150px。 除了通过代码设置Textarea大小,还可以使用CSS样式来控制Textarea大小。以下是一个示例: ``` .text-area { -fx-pref-width: 300px; -fx-pref-height: 150px; } ``` 以上代码将定义一个名为"text-area"的样式类,并将textarea的宽度和高度分别设置为300px和150px。 在JavaFXTextarea也支持自适应大小,这意味着Textarea大小可以根据文本内容自动调整。要启用自适应大小,可以设置WrapText属性为true。例如: ``` TextArea textArea = new TextArea(); //创建一个TextArea对象 textArea.setWrapText(true); //启用自适应大小 ``` 以上代码将创建一个textarea,并启用自适应大小,这意味着当用户输入多行文本时,文本框会自动调整大小,以适应文本的长度和宽度。 总之,在JavaFX,可以使用代码或CSS样式来设置Textarea大小。此外,还可以启用自适应大小,以让它自动调整大小,以适应文本的长度和宽度。 ### 回答3: JavaFXTextArea是一个用于输入大量多行文本的基本控件。要设置TextArea大小,我们可以通过两种方式来实现。 第一种方式是通过设置控件的minWidth、minHeight、prefWidth和prefHeight属性来控制TextArea大小。这些属性定义了TextArea在最小大小和首选大小方面的属性。例如,下面的代码将TextArea的最小高度设置为50像素,最小宽度设置为100像素,并将首选高度设置为100像素,首选宽度设置为200像素: ``` TextArea textArea = new TextArea(); textArea.setMinHeight(50); textArea.setMinWidth(100); textArea.setPrefHeight(100); textArea.setPrefWidth(200); ``` 第二种方式是将TextArea放置在一个布局容器,并充分利用容器布局来控制TextArea大小。例如,如果我们想要将TextArea放置在一个VBox或HBox,我们可以在这些容器上设置布局属性来控制TextArea大小。例如,下面的代码将TextArea放置在一个VBox,并设置VBox的高度和宽度: ``` VBox vbox = new VBox(); vbox.setPrefHeight(300); vbox.setPrefWidth(400); TextArea textArea = new TextArea(); vbox.getChildren().add(textArea); ``` 无论使用哪种方法设置TextArea大小,都可以通过getMinHeight()、getMinWidth()、getPrefHeight()和getPrefWidth()方法来获取TextArea大小

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值