设置按钮的父级元素为相对定位，设置按钮本身为绝对定位，利用定位控制按钮的位置！例如：
1、html的结构如下，设置按钮btn1和父级标签wrap
2、css样式如下：
.wrap设置为相对relative, btn1设置为绝对absolute 以及控制他left的值和top的值
3、运行效果如下：
效果解读：
效果如下：
html中对多个内容进行居中有以下几种方法：
1、外面用<center></center>包着,虽然这个标签未来是被淘汰的，但是记得很多时候有一些奇效。
2、外面加一个div，可以带着id，然后设置样式的时候，要增大其权重，最好能抵消掉里面每个元素自身样式的权重。所以，可以考虑用“!important”这个标签。（自行搜索用法，当然这个标签一般情况下，也不推荐使用，也存在一定的浏览器兼容问题。）
示例代码：
<div id="wrap">
<!--你的调整好的html内容放这里面-->
</div>
<style>
/*css 样式 */
#warp { text-align:center!important}
#warp p{text-align:center!important}
#warp div{text-align:center!important}
/* .....类似思路....... */
</style>
3、使用js加css操作，原理就是循环每一个元素，将div的一些影响布局的属性值进行修改，新增新的css样式。 这个是没办法的办法，不一定好使，也比较麻烦，操作慢了，页面也能看清楚div抖动等情况。
4、从工作内容改进，可以将你的html代码，放入一些常见的编辑器中进行调整。比如使用：fckeditor 、百度的ueditor。调整好代码，再拷贝源码就行了。
多行的就不能使用Input了。需要使用textarea标签属性：
textarea代表html的单多行输入域
html多行输入框
tyle="OVERFLOW: hidden">
style="OVERFLOW: visible">始终不显示滚动条，文本区域的大小会根据内容的增加，自动增长，以显示全部内容
<textarea cols="2" rows="6" style="OVERFLOW: hidden"></textarea>
例子
<tr>
<td></td>
<td><textarea name="reworkmes" cols="40" rows="4" style="OVERFLOW: hidden"></textarea></td>
</tr>
扩展资料
textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
专有属性.
1、common -- 公共属性
2、accesskey -- 表单的快捷键访问方式
3、cols -- 多行输入域的列数
4、disabled -- 输入域无法获得焦点、无法选择，以灰色显示，在表单中不起任何作用
5、name -- 元素名称
6、readonly -- 输入域可以选择，但是无法修改
7、rows -- 多行输入域的行数
8、tabindex -- 输入域的"tab"键遍历顺序
参考资料
百度百科-HTML
