Question

我有2个输入文字字段。

他们的css将它们定义为宽度：100％

我以前使用表并将其拆分为2 td单元格，因此我将单元格定义为60％：40％并将输入类型文本字段放入2 td并且大小调整正常

但是由于某些对齐问题，我删除了表格。

我更喜欢使用span，所以我做了

<span style="width:60%"> INPUT TYPE TEXT</span>
<span style="width:40%"> INPUT TYPE TEXT</span>

但问题是输入文本占据了整个100％的宽度而不是在范围内。

如何让它看起来像在表格单元格中一样。

由于

Answer 1

使用display:inline-block和float:left属性，例如

<span style="width:60%;display:inline-block;float:left"> INPUT TYPE TEXT</span>
<span style="width:40%;display:inline-block;float:left"> INPUT TYPE TEXT</span>

＆＃13;

<div style="width:100%">

  <span style="width:60%;display:inline-block;float:left;"> INPUT TYPE TEXT</span>
  <span style="width:40%;display:inline-block;float:left;"> INPUT TYPE TEXT</span>
</div

＆＃13;

Answer 2

跨度元素不包含整个宽度，即100％宽度，因为内联元素不能具有宽度。你需要设置display：inline-block;或使用float：left;在他们身上：

span{
  float: left;
}

http://jsfiddle.net/7wzuetk9/

如何在跨度宽度内强制输入类型文本

2 个答案: