当某些输入为固定大小时，如何将一行多输入宽度设置为浏览器窗口宽度的百分比？

  • Z时代
  • 2024-01-10
  • 分类：问答

标题说明了一切。我的输入，包括文本字段，选择，单选按钮和复选框一排，我想的行的总宽度是在屏幕的百分比，但我也希望一些的各个输入保持恒定的宽度。我试图把所有的行内输入标签<div>并设置div到width:100%的CSS，但它不会做任何事情。我认为这是因为我已将某些输入的CSS设置为特定数量的像素。当某些输入为固定大小时，如何将一行多输入宽度设置为浏览器窗口宽度的百分比？

<div style="width:90%">  
    <span style="width:100%; display:block">  
     <input type="text" style="width:50px">  
     <input type="text" style="width:33%">  
     <input type="text" style="width:33%">  
    </span>  
</div>

回答：

Meler，

看来你没有考虑输入等基础一般表现为内联元素。请确保你已经让他们阻止占据宽度％

如：

<div style="width:90%"> 
    <span style="width:100%">some text</span> 
//this should not work until you make span as 'display:block' 
</div>

以上是 当某些输入为固定大小时，如何将一行多输入宽度设置为浏览器窗口宽度的百分比？ 的全部内容， 来源链接： utcz.com/qa/263010.html

回到顶部