html如何让button与table对齐

html如何让button与table对齐,第1张

html设定button的与下面的表格对齐的话,是可以通过margin来实现的使用截图工具,得到那个button与表格的距离,然后在设置margin值就可以了,这里我写一段代码:

<html>

<head>

<style>

button{

margin-left:20px

//假设是距离左边20px;

}

</style>

</head>

<body>

<input

type="button"

value='确认提交'>

<table>

<tr>

<td>文字1</td>

<td>文字2</td>

</tr>

</table>

</body>

</html>

html中设置按钮的位置:

解决方案一:

如果是绝对定位,可以设置left,还可通过margin,padding等;

" style="box-sizing: border-boxmargin: 0pxpadding: 0pxfont-family: Menlo, Monaco, Consolas, "Courier New", monospacecolor: rgb(51, 51, 51)font-size: 18.6773pxfont-style: normalfont-variant-ligatures: normalfont-variant-caps: normalfont-weight: normalletter-spacing: normalorphans: 2text-align: starttext-indent: 0pxtext-transform: nonewidows: 2word-spacing: 0px-webkit-text-stroke-width: 0pxbackground-color: rgb(255, 255, 255)"><td style="padding-right:30px"><input type="submit" value="注册"><input type="reset" value="重置"></td></tr>

解决方案二:

如果是绝对定位,可以设置left,还可通过margin,padding等。

参考资料

阿里云.阿里云[引用时间2018-1-9]

1.创建一个大盒子,宽度等于上方创建用户的宽度。

2.把现有的四个盒子移动到刚才的大盒子中,样式有问题可以调一下。

3.给要居中的盒子加上margin: 0px auto 0px的样式,两个0px分别代表盒子上下的外边距,不固定可以是任意值。可以调整到理想的距离。

以上。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存