已解決430363個問題，去搜搜看，總會有你想問的

為什么我的畫板 canvas 不能居中

首頁猿問為什么我的畫板 canvas 不能居中

為什么我的畫板 canvas 不能居中

Html/CSS Html5 JavaScript

剛毅87 2016-07-08 19:46:46

<!DOCTYPE?html> <html> <head> <meta?charset="UTF-8"> <title>基本圖形繪制</title> <style?type="text/css"> *{ margin:?0; padding:?0; } #myCanvas{ border:?1px?solid?red; margin:?50px?auto; } </style> </head> <body> <canvas?id="myCanvas"?width="500"?height="500"></canvas> </body> <script?type="text/javascript"> </script> </html>

查看完整描述

2 回答

weibo_哆啦A夢有大口袋_0

TA貢獻107條經驗獲得超146個贊

<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="UTF-8">
????????<title>基本圖形繪制</title>
????????<style?type="text/css">
????????????*{
????????????????margin:?0;
????????????????padding:?0;
????????????}
????????????#myCanvas{
??????????????????display:?block;
????????????????border:?1px?solid?red;
????????????????margin:?50px?auto;
????????????}
????????</style>
????</head>
????<body>
????????<canvas?id="myCanvas"?width="500"?height="500"></canvas>
????</body>
????<script?type="text/javascript">
????</script>
</html>

只有塊級元素才能使用，margin: 0 auto進行水平居中

行內元素的水平居中對它的父級使用text-align:center,

解決問題,記得采納

4 反對回復 2016-07-09

已采納

super_mb

TA貢獻101條經驗獲得超107個贊

經測試，canvas不是塊級標簽，設置display:block;即可。

反對回復 2016-07-08

剛毅87
我看canvas課程中,沒做任何設置,代碼和我上面一樣,畫板居中了

回復 2016-07-08
super_mb
這個。。我就不知道了，但事實確實就是我所說的那樣。。

回復 2016-07-08

2 回答
0 關注
2533 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為什么我的畫板 canvas 不能居中

為什么我的畫板 canvas 不能居中

2 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

為什么我的畫板 canvas 不能居中

為什么我的畫板 canvas 不能居中

2 回答

相關問題推薦

添加回答