Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 最小宽度不小于'；行不通_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 最小宽度不小于'；行不通

Html 最小宽度不小于'；行不通

html css

Html 最小宽度不小于'；行不通,html,css,Html,Css,我想创建一个div，当用户输入文本时可以扩展宽度 我试着设置 宽度：100%； 最大宽度：600px； 最小宽度：300px 但是这个div是如何保持在600px的，有没有办法保持宽度保持在300px，并且能够根据内容的长度扩展到600px 如果你能帮忙，我真的很感激。谢谢试试： 宽度：自动； 最大宽度：600px； 最小宽度：300px； 确保您工作的div或space不是：位置：固定 它需要类似于：position:relative或位置：绝对将div设置为显示：内联块允许它根据内容移动宽度

我想创建一个div，当用户输入文本时可以扩展宽度

我试着设置 宽度：100%； 最大宽度：600px； 最小宽度：300px

但是这个div是如何保持在600px的，有没有办法保持宽度保持在300px，并且能够根据内容的长度扩展到600px

如果你能帮忙，我真的很感激。谢谢

试试：

宽度：自动；
最大宽度：600px；
最小宽度：300px；
确保您工作的div或space不是：
位置：固定


它需要类似于：
position:relative或
位置：绝对
将div设置为
显示：内联块
允许它根据内容移动宽度

否则，作为块级元素，div将占据其包含元素的100%（或设置的
max width
）宽度

下面是一个例子：


我刚刚用以下信息更新了MDN上的“最小宽度”页面：


在某些浏览器中，在iOS上，其本机（默认）配置中的
元素不会响应
最小宽度
。此问题是由本机按钮引起的。本机按钮内的
将显示相同的问题，尽管设置了
显示：内联块。更改其他样式参数并强制浏览器放弃本机按钮时，
min width
设置生效。
链接已断开，能否在回答中提供完整的示例？