当前位置:  开发笔记 > 编程语言 > 正文

有没有一种简单的方法可以使html textarea和输入类型文本同样宽?

如何解决《有没有一种简单的方法可以使htmltextarea和输入类型文本同样宽?》经验,为你挑选了2个好方法。

是否有一种简单的方法可以获得HTML textarea和一个输入类型="text"来渲染(大约)相等的宽度(以像素为单位),这在不同的浏览器中有效吗?

CSS/HTML解决方案非常棒.我宁愿不必使用Javascript.

谢谢/ Erik



1> Re0sless..:

你应该可以使用

.mywidth {
  width: 100px;   
}



2> Lee Theobald..:

回答第一个问题(虽然已经回答死亡):CSS宽度是你需要的.

但我想在答案中回答Gaius的问题.Gaius,你的问题在于你是在设置宽度的.这是一个很好的想法,但你需要记住em是基于字体大小.默认情况下,输入区域和textarea具有不同的字体和大小.因此,当您将宽度设置为35em时,输入区域将使用其字体的宽度,而textarea则使用其宽度的字体.文本区域默认字体较小,因此文本框较小.设置宽度(以像素或点为单位),或确保输入框和textareas具有相同的字体外观和大小:

.mywidth {
  width: 35em;
  font-family: Verdana;
  font-size: 1em;
}

推荐阅读
赛亚兔备_393
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有