我想显示一个textarea用户输入和它的权利我想显示一个指令文本。我希望指令文本使用文本区域旁边的可用宽度,并且我希望它的行可以根据需要进行换行,但要保留在textarea的右侧。我希望文本与文本区域一致。自动调整textarea旁边文本的宽度?
<div class="container">
<textarea rows="10" cols="30">Text data</textarea>
<div class="instructions">
Please follow these instructions when entering data
into the textarea to the left. Blah blah blah..
</div>
</div>
我将如何与HTML5和CSS3,在最现代的浏览器上运行实现这一目标?
编辑:也许我应该补充一点,我都尝试textarea
和div.instructions
设置为display: inline-block
,但是这还不够,因为div.instructions
不换行。相反,如果textarea
右侧的可用空间太小而无法将说明文本放在一行上,则整个div.instructions
会滑入textarea
以下。
的jsfiddle:https://jsfiddle.net/0bh0mLej/
似乎没有工作。但我发现它的工作,如果我也设置div.container显示:表行。 –
它适用于我在Chrome - 很好,很高兴你得到它。 – raduation
是吗?在Chrome中不适合我。你可以测试这个JSFiddle吗?有/无'display:table-row'行被注释掉? http://jsfiddle.net/0bh0mLej/2/ –