textarea的应该调整它

当使用可调整大小<textarea>：textarea的应该调整它

#a { resize: horizontal; height: 200px; }

<textarea id="a">Test</textarea>

如何使它从0％调整大小至100％浏览器的宽度是多少？（这似乎是不可能的，即使我们使用最小宽度...）

textarea和页面其余部分之间的所有垂直边界都应显示调整大小光标，为什么不显示，即使使用resize: horizontal; ？

来源

2017-09-25 Basj

在什么情况下你需要它为0％的宽度？此外，您正在询问可调整大小的textarea，但您的示例使用了固定宽度的textarea。 – FluffyKitten

@FluffyKitten例如，当您有两列时：左侧是一个编辑器列，右侧是一个预览列。如果只想查看预览，则希望能够将编辑器textarea列拖动到0宽度。 – Basj

@FluffyKitten我认为这不是一个固定的，你可以从右下角拖动它。 – Basj

Tada。谢谢@Basj。

html, body { 
 
    height: 100%; 
 
    width: 100%; 
 
    box-sizing: border-box; 
 
    padding: 10px; 
 
    margin: 0; 
 
} 
 

 
textarea { 
 
    min-width: 0px; 
 
    max-width: 100%; 
 
    height: 100%; 
 
    max-height: 100%; 
 
    min-height: 100%; 
 
    width: 0; 
 
}

<textarea></textarea>

来源

2017-09-25 17:51:54

你可以得到完全一样的没有JS，没有jQuery，只是设置'textarea {width：0; }在CSS中。 – Basj

textarea的应该调整它

回答

相关问题