Question

我正在使用eclipse制作Android手机的应用程序，我希望能够在一行中有一个标签和一个文本字段，或者在一行中有一个标签和一个复选框。我为此目的使用了以下代码，但它不起作用。你还应该知道我正在使用jquery-mobile平台，我在Android手机上测试代码。

所以任何帮助将不胜感激!!

<p class="label_field_pair">
  <label for="foo">Foo:</label>
  <input type="text" id="foo" />
</p>

以及以下css：

p.label_field_pair {

  clear: both;

  float: none;

}

p.label_field_pair label {

  clear: left;

  display: block;

  float: left;

  text-align: right;

  width: 100px;

}

p.label_field_pair input {

  clear: right;

  float: left;

  margin-left: 10px;

  width: 200px;

}

Answer 1

尽可能避免漂浮。在浏览器中实现内联块是非常好的，特别是如果你为旧版本的FF包含-moz hack。但是，我不知道它是否在你的移动浏览器中表现出来......是吗？

<强> HTML

<p class="label_field_pair">
  <label for='foo'>Foo: </label>
  <input type="text" id="foo" />
</p>

<强> CSS

p.label_field_pair { display:block; }
p.label_field_pair label { display: -moz-inline-block; display:inline-block; width:100px; }
p.label_field_pair  input { display: -moz-inline-block; display:inline-block; width:200px; }

行对齐，HTML，CSS JAVASCRIPT

1 个答案: