html – 如何在不指定宽度的情况下将输入标签与中心对齐?
发布时间:2020-12-14 21:26:19 所属栏目:资源 来源:网络整理
导读:我有这些HTML和CSS: #siteInfo input[type="button"] { background: none repeat scroll 0 0 #66A3D2; border-color: #FFFFFF #327CB5 #327CB5 #FFFFFF; border-radius: 10px 10px 10px 10px; border-style: solid; border-width: 1px; box-shadow: 1px 1px
我有这些HTML和CSS:
#siteInfo input[type="button"] { background: none repeat scroll 0 0 #66A3D2; border-color: #FFFFFF #327CB5 #327CB5 #FFFFFF; border-radius: 10px 10px 10px 10px; border-style: solid; border-width: 1px; box-shadow: 1px 1px 3px #333333; color: #FFFFFF; cursor: pointer; font-weight: bold; padding: 5px; text-align: center; text-shadow: 1px 1px 1px #000000; } <div id="siteInfo"> <p>Some paragraph.</p> <input type="button" value="Some Button"> </div> 我希望按钮与中心对齐;然而,即使CSS中的text-align:center,仍然在左边。我也不想指定宽度,因为我希望它随着文本的长度而改变。我怎么做? 我知道解决方案很简单,但我找不到合适的方法。我有时会将它包裹在< p>周围。中心对齐的标签,但这是我想避免的额外标记。 解决方法
您需要将text-align:center放在包含div上,而不是放在输入本身上。
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |