垂直居中TextArea文本

时间:2011-06-16 01:17:56

标签: html css

我想知道textarea box bit.ly在第1页上你登录他们说“缩短链接并从这里分享”。

我想知道如何在文本区域中居中文本?我不认为有一个命令,所以你怎么硬编码将它移动几个空格。你不能在textarea中使用html标签,所以使用

或其他方法很困难

2 个答案:

答案 0 :(得分:2)

你确定它是一个textarea而不仅仅是<input type="text">吗?如果是后者,你可以用填充很容易地达到效果:

input[type=text] { font-size: 20px; padding: 5px; }

编辑:如果是文本区域(比如一行),通过填充的样式也是如此:

textarea { font-size: 20px; padding: 5px; }

答案 1 :(得分:0)

设置textarea填充和边距0并设置行高。或者最好使用像Kerrek发布的填充

您不能将多行文字居中放在文本区域中,但可以添加填充。

<!doctype html>
<style>
input[type=text]{margin:0;padding:0;line-height:40px;font-size:40px;}
</style>
<input type=text>