我正在寻找一个结构,其中一个按钮与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;}