HTML5 - 在Canvas元素下填充導致對齊問題

如何在div的頂部對齊這兩個或只是擺脫畫布底部的空間？HTML5 - 在Canvas元素下填充導致對齊問題

<style> 
    html, body, div, canvas { 
     margin: 0; 
     padding: 0; 
    } 
</style> 
<div style="border: solid 1px Grey;"> 
    <a style="border: solid 1px Grey">Test</a> 
    <canvas style="border: solid 1px Grey;width:30px;height: 30px"></canvas> 
</div>

來源

2016-05-26 Soth

設置DIV'位置：relative'和兩個錨畫布'位置：absolute'。 – markE

<html> 
 
<head> 
 
    <title>Test</title> 
 
    <style> 
 
     .Left { 
 
      float: left; 
 
      border: 1px solid red; 
 
      width: 30px; 
 
     } 
 
     .Right { 
 
      float: left; 
 
      border: 1px solid green; 
 
      width: 35px; 
 
     } 
 
     .Outer { 
 
      border: solid 1px Grey; 
 
      height: 50px; 
 
      width: 100%; 
 
     } 
 
    </style> 
 
</head> 
 
<body> 
 
    <div class="Outer"> 
 
     <div class="Left"><a style="border: solid 1px Grey">Test</a></div> 
 
     <div class="Right"> 
 
      <canvas style="border: solid 1px Grey;width:30px;height:30px"> 
 
       <!--Your Canvas--> 
 
      </canvas> 
 
     </div> 
 
    </div> 
 
</body> 
 
</html>

來源

2016-05-27 05:26:03

HTML5 - 在Canvas元素下填充導致對齊問題

回答

相關問題