据我所知,输入只是一行,只有textarea有多行。
然而,在我造型的地方,我无法控制使用哪个元素。所以,我只想让一行显示为block
,当达到宽度时,可视地转到下一行。
我尝试了display:block
和overflow:scroll
以及更简单的方法,但没有任何帮助我。我也试着关注input with display:block is not a block, why not?,但它也不适合我。
很难描述代码的细节,所以这里有一个链接和截图给应用程序我的造型 - 我希望这足够了:
您需要激活"Comentarios/advertencias"
,打开COMENTAR
,开始编辑并点击现有评论以查看该框。
@MarkSchultheiss:我在写这篇文章之前的最后努力是
div.dijitInputContainer:nth-child(1), #widget_dijit_form_TextBox_0 {
width: 350px;
display: inline-block;
box-sizing: border-box; /* css3 rec */
-moz-box-sizing: border-box; /* ff2 */
-ms-box-sizing: border-box; /* ie8 */
-webkit-box-sizing: border-box; /* safari3 */
-khtml-box-sizing: border-box; /* konqueror */
}
input#dijit_form_TextBox_0 {
height: 200px;
display: inline-block;
width: 350px;
box-sizing: border-box; /* css3 rec */
-moz-box-sizing: border-box; /* ff2 */
-ms-box-sizing: border-box; /* ie8 */
-webkit-box-sizing: border-box; /* safari3 */
-khtml-box-sizing: border-box; /* konqueror */
}
页面上不可更改的HTML标记相当长,但如果有帮助,则周围是:
<div class="atiAttributes" dojoattachpoint="attributeTable" style=""><table cellspacing="0" cellpadding="0"><tbody><tr><td class="atiLabel">Notas</td><td><div class="dijit dijitReset dijitInline dijitLeft atiField dijitTextBox" id="widget_dijit_form_TextBox_0" role="presentation" widgetid="dijit_form_TextBox_0"><div class="dijitReset dijitInputField dijitInputContainer"><input class="dijitReset dijitInputInner" data-dojo-attach-point="textbox,focusNode" autocomplete="off" tabindex="0" id="dijit_form_TextBox_0" maxlength="1000" value="" aria-disabled="false" type="text"></div></div></td></tr></tbody></table></div>