关于文字和textarea对不齐的问题！

最新推荐文章于 2023-11-29 16:04:08 发布
最新推荐文章于 2023-11-29 16:04:08 发布
阅读量1k 收藏
点赞数
原文链接：https://my.oschina.net/mouthliu/blog/893828
版权

<div class="form-group-2">
        <span class="col-sm-11">reponse:</span>
         <textarea class="response-control" name="response" placeholder="请输入响应内容"></textarea>
</div>

正常的效果是这样的：

当在文字css里边添加vertical-align: top;　这个属性后，就变成了这样：

转载于:https://my.oschina.net/mouthliu/blog/893828

chuiguaizha6588
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小程序textarea的行间距_微信小程序textarea爬坑整理
weixin_28992423的博客
12-30 2258
1.手机端placeholder属性会随页面滚动由于我整个页面要大于手机视窗，于是我设置了overflow：hidden属性，但是textarea里的placeholder中的文字依然会随着屏幕滑动。解决方法 在textarea中设置fixed='true’属性2.textarea层级在最上层，z-index无效这个问题应该很多人都遇到了，目前也没有特别完美的解决办法，目前主流的两种解决方法。解决...
微信小程序textarea 问题处理
03-29
就是textarea不能跟随一起滚动。  微信小程序给了一些Bug和建议：  (此图片来源于网络，如有侵权，请联系删除! )  我这个界面底层并没有使用scroll-view,但是还是有问题。感觉微信给的第5点覆盖面不广，应该是...
vertical-align设置文字与textarea的对齐方式
WHY_222的博客
05-09 6491
1. 2.vertical-align:middle;3.vertical-align:bottom;4.vertical-align:baseline;要了解更多关于vertical-align的属性，可以参考http://www.zhangxinxu.com/wordpress/?p=813
html文本框不对齐,【CSS】input text和div不对齐
weixin_33327380的博客
06-03 1326
这里的input相比div明显要下来一点1、为什么会出现这种情况？2、应该怎么解决？(input和div的高度都是35px，我想让他们对齐)回答：添加vertical-align: top;回答：1.input是一个行内替换元素，行内元素其默认的对其方式为baseline2.div是一个块级别元素,默认的display属性值为block3.设置div的display属性值为inline-block...
解决页面textarea初始焦点显示位置不正确的问题
lingdian1614114082的博客
01-24 1241
问题：我们在jsp页面定义好一个textarea之后，当我们初始化进入页面的时候，发现textarea焦点显示的位置前面会有一定的空格，虽然这个不影响什么，但是总是感觉不舒服，经过一番折腾，终于找到了解决办法，如下： 首先是：造成存在空格的写法： 1 2 3 4 &lt;td class="tdL" colspan="3"&gt; ...
解决表单中的文字和文本区域（textarea）上对齐的问题
梦想阿里
12-17 2868
问题域： 表单中的文字和文本区域（textarea）上对齐的问题 在form表单有个文本区域，即,我想让文字和文本区域的上端对齐，而且文本区域也不要滚动条。 比如： 备注： 我想让备注和文本区域的上端对齐，但我每次写的时候“备注”总是在文本区域的左下方，而且文本框还总是有滚动条。 解决方案： 用DIV布的局，你也可以用TABLE的td属性的vlign=top来设置...
textarea布局时文字在左下边且不能改变大小尺寸的解决方法
12-13
textarea文本域左边的文字一直都是在textarea的左下边，看起来不美观 设置一个属性就可以搞定 复制代码代码如下: 备注信息：</label><textarea rows=”5″ cols=”65″></textarea> 第二个问题 ...
处理textarea中的换行和空格
11-21
在textarea 里面，空格和换行会被保存为/s和/n，如果我们前台输入和前台显示的文字都是在 textarea 里面，其实并不需要做任何处理，你在 textarea 里面编写的样式会按照你之前编辑时候的样式，正确的显示出来。...
HTML里面Textarea换行问题总结
12-11
问题描述： 比如get数据到一个TextArea里面，如“AAA BBB”，想把这段文字在TextArea里面真正按行存放，而不是显示出来按行存放（所谓的真正按行存放就是，再把这个TextArea的数据post到另外一个页面的Textarea里面...
Mozilla中显示textarea中选择的文字
12-09
以前都是使用 createRange 来判断textarea 选中的文字，这个属性虽然Mozilla也支持，但是放到textarea就不起作用了。后来发现可以用其他方法解决Mozilla的问题。 Textarea select [Ctrl+A 全选 注:如需...
小程序textarea字体错位
CherryCola_zjl的博客
01-08 7344
遮罩层盖不住 原因：这是因为textarea和input框的z-index为最高，自己写的蒙层盖不住。 处理方法：wx:if=’{{!modal}}’,弹框出现时隐藏输入框 弹框中又textarea，placeholder字体位置错位 原因：弹框fixed定位，小程序兼容问题 解决方法： ...
文字和输入框、文本域对齐问题
大橙子_Change的博客
03-15 7507
如果是checkbox、radio跟前面的文字（不加样式），导致和文字不对齐。 //在checkbox、radio中添加style: style=" vertical-align：middle" textarea和前面的文字（不加样式），会导致前面的文字默认在左下角 //在textarea中添加style: style=" vertical-align：middl...
解决el-input输入框(text)与文本域(textarea)字体不一样问题
多看书少吃饭的博客
05-05 2014
解决el-input输入框(text)与文本域(textarea)字体不一样问题
微信小程序text文本样式（1）
最新发布
m0_72168336的博客
11-29 6514
微信小程序text文本样式
解决Elementui输入框(text)与文本域(textarea)字体不一样问题
一起coding，一起嗨。
01-24 5898
一、现象 测试反应，单行文本里边的文字和多行文本里边的内容不一样，效果如下： 二、修改方法 通过BAIDU，发现是原生textarea默认字体问题 增加.el-textarea__inner字体属性，问题得到解决 Element - The world's most popular Vue UI framework .el-textarea__inner{ font-family: "Helvetica Neue",Helvetica,"PingFang...
textarea文字怪异的居中让我头疼了半小时
Alex_wang58
08-24 2834
 问题描述：表单提交后发现内容前多了很多空格，而且每次更新表单提交都会有空格增加。后来发现，每次文字从数据库读到textarea后文字都不居左。在排出样式，转义字符等问题后，baidu,google了一会始终没找到答案。后来发现原来问题处在HTML上      内容内容上面这句看似格式漂亮的HTML语句在textarea下确是有问题的。浏览器会解析为   
ionic3 textarea 自适应指令 （实用、赞）
chelen_jak的专栏
11-22 342
原文出处：https://www.jianshu.com/p/9a04aa0224ed (建议阅读原文)补充注意： 首次调用时加上setTimeout似乎好点 ngOnInit(): void { //this.adjust(); //必须要setTimeout, 否则面异步取数据时，无法调整高度 setTimeout(() => t...
多行输入框textarea 自动换行
qq_39235090的博客
11-09 1057
【代码】多行输入框textarea 自动换行。
textarea换行，文字高度变低
07-14
在`textarea`中，要进行换行并使文本高度变低，可以通过CSS属性来实现。可以使用`resize`属性来控制`textarea`的大小，以及使用`overflow-y`属性来控制垂直方向上的滚动条。 首先，设置`resize`属性为`vertical`，这样可以允许用户在垂直方向上调整`textarea`的大小。例如： ```css textarea { resize: vertical; } ``` 接下来，使用`overflow-y`属性来控制垂直方向上的滚动条。将其设置为`auto`，可以在需要时显示滚动条。例如： ```css textarea { overflow-y: auto; } ``` 这样，当文本内容超出`textarea`的高度时，会自动显示垂直滚动条，让用户可以滚动查看更多文本内容。 同时，如果你想要确保`textarea`的高度始终适应文本内容，可以使用JavaScript来动态调整其高度。可以通过`scrollHeight`属性来获取文本内容的实际高度，并将其赋值给`textarea`的高度属性。例如： ```javascript var textarea = document.getElementById('your-textarea-id'); textarea.style.height = textarea.scrollHeight + 'px'; ``` 这样，`textarea`的高度将根据文本内容的多少自动调整，以适应内容显示。 希望以上信息能对你有所帮助！如果你还有其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值