HTML中TextArea内的按钮

前端之家收集整理的这篇文章主要介绍了HTML中TextArea内的按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找一个结构,其中一个按钮与textarea的右上角对齐.我能够使用CSS定位来做到这一点.当我开始在textarea内部输入时,文本位于按钮下方.有没有办法让文本通常占据文本区域的整个宽度,但是在达到按钮的边界时,会被包裹到下一行?

解决方法

始终可以选择在内联元素上使用 contentEditable属性,而不是< textarea>并将它放在浮动按钮旁边.

HTML:

<div>
    <button>press me</button>
    <span contenteditable="true">editable</span>
</div>

CSS:

div {border: 1px solid gray; width: 15em; height: 5em; overflow-y: scroll;}
button {float: right;}

jsFiddle

猜你在找的HTML相关文章