如何让提交按钮居中 html 菜鸟求高手 CSS可否改变设置按钮的样式？怎么做呢？菜鸟求教~
\u6c42\u9ad8\u624b\u6307\u70b9\uff0chtml\u6ce8\u518c\u9875\u9762\u7684\u4fe1\u606f\u600e\u4e48\u901a\u8fc7\u70b9\u201c\u63d0\u4ea4\u201d\u6309\u94ae\u5b58\u50a8\u5230sql\u6570\u636e\u5e93\u91cc\u9762\u554a\uff1f\u83dc\u9e1f\u8dea\u8c22\u4e86\uff01html\u9875\u9762\u5417
\u5e38\u89c4\u65b9\u6cd5\u662fajax
\u5411\u53e6\u4e00\u4e2a\u540e\u53f0\u9875\u9762\u53d1\u9001ajax\uff0c\u8fd9\u4e2a\u540e\u53f0\u9875\u9762\u64cd\u4f5c\u6570\u636e\u5e93\u3002
1\u3001\u9996\u5148\u521b\u5efa\u4e00\u4e2atxt\u6587\u4ef6\uff0c\u4fee\u6539\u540e\u7f00\u540d\uff1a\u628a.txt\u6539\u4e3a.html\uff0c\u7528\u8bb0\u4e8b\u672c\u6253\u5f00\u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801\uff1a\u6253\u5f00\u6d4f\u89c8\u5668\uff0c\u8fd9\u662f\u4e00\u4e2a\u6ca1\u6709\u6dfb\u52a0\u6837\u5f0f\u7684button\uff0c\u5916\u89c2\u4e0d\u7f8e\u89c2\uff0c\u800c\u4e14\u5728\u4e0d\u540c\u7684\u6d4f\u89c8\u5668\u4e0b\u663e\u793a\u7684\u5916\u89c2\u662f\u4e0d\u4e00\u6837\u7684\uff0c\u6240\u4ee5\u6211\u4eec\u8981\u6dfb\u52a0\u7edf\u4e00\u7684\u6837\u5f0f\u3002
2\u3001\u6309\u94ae\u6837\u5f0f\u6bd4\u8f83\u591a\uff0c\u8fd9\u6837\u5199\u8ba9\u4ee3\u7801\u4e0d\u6574\u6d01\uff0c\u53ef\u9605\u8bfb\u6027\u5dee\uff0c\u5c31\u8981\u7528style\u6807\u7b7e\u3002
3\u3001\u6837\u5f0f\u8868\u3002style\u6807\u7b7e\u91cc\u9762\u8868\u793a\u7684\u662f\u4e00\u4e2a\u6837\u5f0f\u8868\uff0c\u6211\u4eec\u6240\u6709\u7684\u6837\u5f0f\u90fd\u53ef\u4ee5\u5199\u5230\u6807\u7b7e\u4e2d\u53bb\u3002\u8fd9\u6bb5\u4ee3\u7801\u7684\u610f\u601d\u662f\uff1a\u51e1\u662fbutton\u6807\u7b7e\u90fd\u4f7f\u7528\u8fd9\u4e2a\u6837\u5f0f\u3002
4\u3001\u628a \u6837\u5f0f\u8868\u4e2d\u7684 button{}\u6539\u6210\u4e86.ui_button{}\uff0c\u7136\u540e\u5728button\u6807\u7b7e\u91cc\u9762\u52a0\u4e86class\u5c5e\u6027\uff0c\u8fd9\u6837\u505a\u7684\u610f\u601d\u662f\uff0c\u8fd9\u4e2abutton\u6807\u7b7e\u4f7f\u7528\u4e86\u540d\u5b57\u4e3aui_button\u7684\u6837\u5f0f\u3002
5\u3001\u901a\u8fc7javascript\u52a8\u6001\u4fee\u6539\u6837\u5f0f\uff0c\u4e3a\u4e86\u907f\u514d\u7528\u6237\u591a\u6b21\u70b9\u51fb\u63d0\u4ea4\u6309\u94ae\u91cd\u590d\u63d0\u4ea4\u4fe1\u606f\uff0c\u5728\u7528\u6237\u70b9\u51fb\u63d0\u4ea4\u6309\u94ae\u4e4b\u540e\uff0c\u7981\u7528\u6309\u94ae\uff0c\u5e76\u8bbe\u7f6e\u6309\u94ae\u5b57\u4f53\u7684\u989c\u8272\u4e3a\u7070\u8272\u3002
6\u3001\u4fee\u6539\u6837\u5f0f\u7684\u5176\u4ed6\u65b9\u6cd5\uff1aobj.style.cssText = "color:#E1E1E1;background-color:black;";cssText\u53ef\u4ee5\u5199\u591a\u4e2a\u6837\u5f0f\u6837\u5f0f\u5c5e\u6027\u3002
7\u3001\u4fee\u6539\u6837\u5f0f\u7684\u5176\u4ed6\u65b9\u6cd5\uff1aobj.setAttribute("class", "style2");\u76f4\u63a5\u66f4\u6539\u6309\u94ae\u6807\u7b7e\u7684class\u5c5e\u6027\uff0c\u628a\u6307\u5411\u540d\u4e3aui_button\u7684\u6837\u5f0f\u6539\u4e3a\u6307\u5411\u540d\u4e3astyle2\u7684\u6837\u5f0f\u3002
8\u3001\u4fee\u6539\u6837\u5f0f\u7684\u5176\u4ed6\u65b9\u6cd5\uff1aobj.setAttribute("href","css2.css");\u4fee\u6539\u5f15\u7528\u5916\u90e8\u7684\u6837\u5f0f\u8868\u6587\u4ef6\uff0c\u8fd9\u6837\u5c31\u53ef\u4ee5\u5bf9\u6574\u4e2a\u9875\u9762\u7684\u6837\u5f0f\u8fdb\u884c\u5168\u90e8\u66f4\u65b0\u3002
IE6/7及IE8混杂模式中，text- align:center可以使块级元素也居中对齐。其他浏览器中，text-align:center仅作用于行内内容上。
解决这个问题比较好的方式，就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:auto; margin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持，所以还要设置父容器的 "text-align:center;"。
若居中对齐的子元素内的行内内容不需要居中对齐，则还需要为其设置“text-align:left”：
给他所在的标签写个text-align:center然后再写个margin:0px auto就好了。。前提是父元素规定了宽度
直接center标记
IE6/7及IE8混杂模式中，text- align:center可以使块级元素也居中对齐。其他浏览器中，text-align:center仅作用于行内内容上。
解决这个问题比较好的方式，就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:auto; margin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持，所以还要设置父容器的 "text-align:center;"。
若居中对齐的子元素内的行内内容不需要居中对齐，则还需要为其设置“text-align:left”：
<style>
* { font-family:Consolas,Verdana,Arial; font-size:12px;}
div, center { border:3px solid dimgray; padding:2px;}
span { background:lightgrey;}
</style>
<div style="width:200px; text-align:center;">
<div style="width:100px; margin:0 auto; text-align:left;">
<span>text</span>
</div>
</div>
扩展阅读：文字上下居中怎么弄 html ... html怎么让mp4视频居中 ... html提交重置按钮居中 ... css如何让按钮居中 ... html多个按钮居中代码 ... html提交按钮怎么居中 ... html两个按钮并排居中 ... 网页怎样让图片居中 ... html怎么让整个网页居中 ...
