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

梅勒·劳勒

标题说明了一切。我有一行输入,包括文本字段、选择、单选按钮和复选框,我希望该行的总宽度是屏幕的百分比,但我也希望某些单个输入保持恒定宽度。我试过将所有行输入放在<div>标签内并将 css 设置为divwidth:100%但它没有做任何事情。我认为这是因为我已将某些输入的 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>

Kunal Navhate

梅勒,

似乎您没有考虑过像输入通常表现为内联元素的基础知识。请确保您已将它们设置为以 % 为单位占用宽度

例如:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何基于父元素设置具有固定位置的div百分比宽度

来自分类Dev

Xamarin Forms StackLayout:如何将子级的宽度/高度设置为百分比

来自分类Dev

如何将最大宽度设置为百分比AND像素?

来自分类Dev

html根据浏览器大小增加的百分比增加元素的宽度

来自分类Dev

将高度设置为宽度的百分比?

来自分类Dev

将高度设置为宽度的百分比?

来自分类Dev

具有百分比宽度的多个HTML元素

来自分类Dev

如何实现具有固定百分比宽度的LinearLayout?

来自分类Dev

我在另一个具有特定宽度的div内有一个div,但我希望子div的宽度与浏览器屏幕尺寸成百分比,而不是其父div?

来自分类Dev

我在另一个具有特定宽度的div内有一个div,但我希望子div的宽度与浏览器屏幕尺寸成百分比,而不是其父div?

来自分类Dev

将片段宽度设置为屏幕宽度的百分比

来自分类Dev

将片段宽度设置为屏幕宽度的百分比

来自分类Dev

如何将Emgu Imagebox大小设置为屏幕大小的百分比

来自分类Dev

如何将Emgu Imagebox大小设置为屏幕大小的百分比

来自分类Dev

如何将img宽度的百分比包装在特定的div宽度中?

来自分类Dev

在同一HTML表格行中合并自动宽度,固定宽度和百分比宽度

来自分类Dev

如何根据百分比调整窗口的内部宽度?

来自分类Dev

具有百分比宽度但固定边距的Flexbox

来自分类Dev

具有百分比宽度但边距固定的Flexbox

来自分类Dev

如何为容器 Bootstrap 设置固定宽度的百分比?

来自分类Dev

如何以百分比设置字体大小,以便不同的浏览器呈现相同的字体?

来自分类Dev

设置具有百分比 (%) 宽度的 div 以具有其最大内容的最小宽度

来自分类Dev

百分比宽度div,后跟固定宽度div

来自分类Dev

Xamarin C#将“视图宽度”设置为Android屏幕的百分比

来自分类Dev

将宽度和高度设置为相对布局中的百分比

来自分类Dev

Android-将父级线性布局的宽度设置为屏幕的百分比

来自分类Dev

将宽度和高度设置为 div 百分比

来自分类Dev

如何使用MediaWiki将图像的宽度缩放到窗口的百分比?

来自分类Dev

如何在Android中将布局的宽度和高度都设置为百分比?

Related 相关文章

  1. 1

    如何基于父元素设置具有固定位置的div百分比宽度

  2. 2

    Xamarin Forms StackLayout:如何将子级的宽度/高度设置为百分比

  3. 3

    如何将最大宽度设置为百分比AND像素?

  4. 4

    html根据浏览器大小增加的百分比增加元素的宽度

  5. 5

    将高度设置为宽度的百分比?

  6. 6

    将高度设置为宽度的百分比?

  7. 7

    具有百分比宽度的多个HTML元素

  8. 8

    如何实现具有固定百分比宽度的LinearLayout?

  9. 9

    我在另一个具有特定宽度的div内有一个div,但我希望子div的宽度与浏览器屏幕尺寸成百分比,而不是其父div?

  10. 10

    我在另一个具有特定宽度的div内有一个div,但我希望子div的宽度与浏览器屏幕尺寸成百分比,而不是其父div?

  11. 11

    将片段宽度设置为屏幕宽度的百分比

  12. 12

    将片段宽度设置为屏幕宽度的百分比

  13. 13

    如何将Emgu Imagebox大小设置为屏幕大小的百分比

  14. 14

    如何将Emgu Imagebox大小设置为屏幕大小的百分比

  15. 15

    如何将img宽度的百分比包装在特定的div宽度中?

  16. 16

    在同一HTML表格行中合并自动宽度,固定宽度和百分比宽度

  17. 17

    如何根据百分比调整窗口的内部宽度?

  18. 18

    具有百分比宽度但固定边距的Flexbox

  19. 19

    具有百分比宽度但边距固定的Flexbox

  20. 20

    如何为容器 Bootstrap 设置固定宽度的百分比?

  21. 21

    如何以百分比设置字体大小,以便不同的浏览器呈现相同的字体?

  22. 22

    设置具有百分比 (%) 宽度的 div 以具有其最大内容的最小宽度

  23. 23

    百分比宽度div,后跟固定宽度div

  24. 24

    Xamarin C#将“视图宽度”设置为Android屏幕的百分比

  25. 25

    将宽度和高度设置为相对布局中的百分比

  26. 26

    Android-将父级线性布局的宽度设置为屏幕的百分比

  27. 27

    将宽度和高度设置为 div 百分比

  28. 28

    如何使用MediaWiki将图像的宽度缩放到窗口的百分比?

  29. 29

    如何在Android中将布局的宽度和高度都设置为百分比?

热门标签

归档