HTML中TextArea内的按钮

发布时间：2020-12-14 22:29:12 所属栏目：资源来源：网络整理

导读：我正在寻找一个结构,其中一个按钮与textarea的右上角对齐.我能够使用CSS定位来做到这一点.当我开始在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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!