【问题标题】:How do you align Checkbox in HTML5/CSS你如何在 HTML5/CSS 中对齐复选框
【发布时间】:2012-12-30 09:33:31
【问题描述】:

我正在尝试将我的复选框与标签对齐以在我正在开发的小网页中居中,但我不知道如何,是的,我已经用谷歌搜索了!

您可以在我的网页http://www.sithhappens.net 上查看源代码(将手机加载到您的手机上,尽管所有 CSS 都是针对移动视图完成的(桌面视图稍后会出现)。

http://www.sithhappens.net/iphone.css查看css

【问题讨论】:

  • 通过 HTML 验证器运行您的网站。你有很多问题:validator.w3.org
  • 谢谢你,从来没有意识到我所做的工作有多可怕,一切都修好了,但似乎仍然无法得到那个该死的复选框中心:/

标签: css html web-applications web


【解决方案1】:

不是 HTML5,但它可以工作:

http://jsfiddle.net/gYCQz/

CSS:

input
{
  display: inline;
}
body
{
  text-align: center;
}

HTML4+:

<input type="checkbox" value="Test" />&nbsp;Test

【讨论】:

  • 我试过了,但事情是停留在左边,而不是去中心
  • 根本无法满足我的需要,是我做错了什么吗?
  • @user1976501 请参阅上面 Blender 的评论 (validator.w3.org/…)
【解决方案2】:

如果你想在中心使用复选框

<div>
<input type="checkbox" value="Test" />
<div>

然后你可以使用 text-align(right,left,center) 任何你想要的。 你也可以使用

<div align="center">


</div>

并从所有标签中删除margin-bottom,给出宽度和高度。

【讨论】:

  • align 属性不久前被删除。
猜你喜欢
  • 2010-09-28
  • 2016-07-03
  • 2013-10-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-01-25
  • 2018-03-02
  • 2021-02-19
相关资源
最近更新 更多