HTML制作网页的时候,怎么快速的让两个按钮边缘对齐居中?

HTML制作网页的时候,怎么快速的让两个按钮边缘对齐居中?,第1张

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

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

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

以上。

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]


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存