html中如何让提交按钮居中?

html中如何让提交按钮居中?,第1张

IE6/7及IE8混杂模式中,text- align:center可以使块级元素也居中对齐。其他浏览器中,text-align:center仅作用于行内内容上。

解决这个问题比较好的方式,就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:automargin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持,所以还要设置父容器的 "text-align:center"。

若居中对齐的子元素内的行内内容不需要居中对齐,则还需要为其设置“text-align:left”:

<style>

* { font-family:Consolas,Verdana,Arialfont-size:12px}

div, center { border:3px solid dimgraypadding:2px}

span { background:lightgrey}

</style>

<div style="width:200pxtext-align:center">

<div style="width:100pxmargin:0 autotext-align:left">

<span>text</span>

</div>

</div>

这个其实很简单的,只要添加一条

标签就能让其居中

把你登录的id和密码还有下边的按钮放到一个div里,给这个div设置margin:0 auto就居中了。

这个其实很简单的,只要添加一条

标签就能让其居中 这个是html5的标签,兼容性不好,还是用div+css2吧。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zaji/6183020.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存