field-sizing 是一个新的 CSS 属性,可以使input 、 textarea和select自动缩放到其内容的大小。
当您将其应用于input或select时,它将缩放到内容的宽度。当您将其应用于textarea,它将缩放到内容的高度。
<input type="text" placeholder="input" value="this sizes to its content" /> <style>input { field-sizing: content; } </style>
<textarea> Here is a Multiline Textarea </textarea> <style> textarea { field-sizing: content; width: 200px; } </style>
以上是CSS 新属性Field-sizing,可以使input 、 textarea和select自适应其内容的详细内容。更多信息请关注PHP中文网其他相关文章!