CSS-如何设置元素的宽高用户是否可调

落日映苍穹つ 2023-06-08 06:12 5阅读 0赞

`resize` 用于规定用户是否可以调整元素的宽高（例如：文本域的宽高）

<table> 
 <thead> 
  <tr> 
   <th>属性值</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>none</td> 
   <td>用户无法调整元素的宽高</td> 
  </tr> 
  <tr> 
   <td>both</td> 
   <td>宽高均可调整</td> 
  </tr> 
  <tr> 
   <td>horizontal</td> 
   <td>宽度可调</td> 
  </tr> 
  <tr> 
   <td>vertical</td> 
   <td>高度可调</td> 
  </tr> 
 </tbody> 
</table>

/* 宽高不可调 */
    textarea:first-child { 
      resize: none;
    }
    /* 宽高均可调 */
    textarea:nth-of-type(2) { 
      resize: both;
    }
    /* 宽度可调 */
    textarea:nth-of-type(3) { 
      resize: horizontal; 
    }
    /* 高度可调 */
    textarea:nth-of-type(4) { 
      resize: vertical;
    }

<textarea cols="20" rows="10" autofocus="autofocus">宽高不可调</textarea><br /><br />
    <textarea cols="20" rows="10">宽高均可调</textarea><br /><br />
    <textarea cols="20" rows="10">宽度可调</textarea><br /><br />
    <textarea cols="20" rows="10">高度可调</textarea><br /><br />

![在这里插入图片描述][20191016193658874.gif]

[20191016193658874.gif]: /images/20230531/3eaf180a91fb4588859bc66e2e712879.png

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS宽高自适应设置

宽高自适应 > 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是pc自适应。 > 自适应的优点： > 元素自适应

以你之姓@/ 2023年10月06日 15:00/ 0 赞/ 28 阅读

相关新的 CSS 属性：aspect-ratio 为元素设置宽高比

.img_container { width: 100%; aspect-ratio: 16 / 9; } 用于防止图片加载后对页面布

怼烎@/ 2023年09月24日 19:48/ 0 赞/ 36 阅读

相关 CSS-如何设置元素的宽高用户是否可调

`resize` 用于规定用户是否可以调整元素的宽高（例如：文本域的宽高） <table> <thead> <tr> <th>属性值</th> <t

落日映苍穹つ/ 2023年06月08日 06:12/ 0 赞/ 6 阅读

相关 [CSS]为什么有些行内元素可以设置宽高

在HTML的角度来讲，标签分为：　　　　文本级标签：p （p是块级元素）, span , a , b , i , u , em 　　　　容器级标签：div , h标题

灰太狼/ 2022年12月08日 01:58/ 0 赞/ 142 阅读

相关 css实现行内元素设置宽高，块级元素取消宽高

1、如何让行内元素设置宽高呢，这里又有一个方法,先引入一个普通的行内元素，代码如下: <!DOCTYPE html> <html lang="en">

浅浅的花香味﹌/ 2022年10月24日 13:18/ 0 赞/ 192 阅读

相关 css 不定宽高元素水平垂直居中

方法三种，可以根据实际需求选择。方法一 <body> <div id="box"> <div id="

快来打我*/ 2022年05月11日 11:06/ 0 赞/ 256 阅读

相关 CSS未知宽高的元素，水平垂直居中

方法一：使用定位思路：子元素绝对定位，距离顶部 50%，左边50%，然后使用css3 transform:translate(-50%; -50%) 优点：高大上,

男娘i/ 2022年04月13日 09:44/ 0 赞/ 253 阅读

相关 CSS元素的宽高由什么决定？

任何元素都可以是行内元素或块级元素，只需通过css display来设置。那么，为什么我们会说div是块级元素，span是行内元素。这是因为浏览器默认div为块级元素，默

深藏阁楼爱情的钟/ 2022年02月20日 09:42/ 0 赞/ 232 阅读

相关 JTextField 如何设置宽高

代码如下 200,30对应的是宽和高 JTextField jtf=new JTextField(); jtf.setPreferredSize(new

我不是女神ヾ/ 2022年02月19日 23:57/ 0 赞/ 765 阅读

相关 html+css 设置select标签的宽高

思路 1、前提是设置边框 border: 1px solid \5cb85c; 2、设置宽高 -------------------- html+css 设置

阳光穿透心脏的1/2处/ 2022年02月18日 14:23/ 0 赞/ 757 阅读