html - 如何使文本与文本区域的中间对齐?

标签 html css

<html>
<body>

This should be level with the middle of the box!
<textarea id="id" name="name" rows="9" cols="50">Text is in here!</textarea>

</body>
</html>

Picture of what this ends up looking like .

如何使框左侧的文本与框的中间保持水平,即使它被拖来拖去?可以用 CSS 完成吗,还是需要 Javascript?

最佳答案

最简单的方法(如果您想避免使用表格)是 float 标签并将其行高设置为文本区域高度:

参见 http://jsfiddle.net/pctVh/2

关于html - 如何使文本与文本区域的中间对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12133492/

相关文章:

Javascript更改div中跨度的文本

html - 使用纯 HTML 切换到移动 View

javascript - 如何使用 jQuery 更改 css 元素的样式

javascript - AngularJS - 从 1.2.9 迁移到 1.4.9 时出错

javascript - 在 gridview 中显示 float div

html - 当另一个动画 div 通过时,如何隐藏我的动画文本?

html - 对齐彼此相邻的输入文本字段

javascript - AutoScroll Css + Run Function 多次

javascript - 在引用父页面中的 anchor 的 iframe 内链接?

css - Thymeleaf 装饰器 - 如何通过特定页面上的自定义页脚替换布局中的页脚