canvas a div居中问题

最新推荐文章于 2023-05-18 10:29:14 发布

南太平洋_99

最新推荐文章于 2023-05-18 10:29:14 发布

阅读量1.1k

点赞数

分类专栏： HTML5 Canvas学习笔记

本文链接：https://blog.csdn.net/heyue_99/article/details/52144776

版权

本文介绍了如何将canvas和a标签在div容器中实现水平居中。关键方法包括设置canvas和a标签的display属性为block，并使用margin自动填充来达到居中效果。

摘要由CSDN通过智能技术生成

<span style="font-size:18px;"><canvas id="canvas" width="1200" height="100" style="border:#000 1px solid; <span style="color:#ff0000;">display:block; margin:20px auto;</span>"></canvas>
<div style="width:200px; height:200px;<span style="color:#ff0000;"> margin:20px auto;</span> border:1px #000000 solid;"></div> 
<a href="#" style="<span style="color:#ff0000;">margin:20px auto; display:block; width:50px;</span>">123</a></span>

、

居中问题

canvas居中 display:block margin:20px auto

a居中 width:200px display:block margin:20px auto

canvas和a都是内联元素必须要display:block才行

div居中 margin:20px auto