एचटीएमएल 5 कैनवास तत्व के नीचे भूत मार्जिन को खत्म करें?

Question

जब हम एक HTML5 कैनवास तत्वों बनाने के लिए, एक भूत मार्जिन कैनवास तत्व नीचे दिखाई देता है भले ही हम 0 पर मार्जिन और padding सेट

उदाहरण: http://jsfiddle.net/yvbmd/

हम चीजों की एक किस्म की कोशिश की है, लेकिन कर सकते हैं ' भूत मार्जिन मिटा नहीं है।

हम कैसे है कि भूत मार्जिन के बिना कैनवास तत्व बना सकते हैं?

Answer 1

इसे करने के लिए vertical-align: bottom जोड़ें।

इस कैनवास एक इनलाइन तत्व होने के कारण होता है। इस प्रकार, इसे प्रभावी रूप से एक चरित्र माना जाता है। इस प्रकार, यह आधारभूत नियम है, इस तरह के gjpqy के रूप में वर्ण जो आधारभूत से नीचे जाने के मामले में रेखा के नीचे एक छोटे से स्थान छोड़ना है जो पालन करना चाहिए। bottom को vertical-align की स्थापना करके, आप वास्तव में ड्रॉप-डाउन पत्र की तह तक कैनवास संरेखित कर रहे हैं। जब तक कैनवास स्वयं line-height से लंबा होता है, तो आपको कोई समस्या नहीं होगी। यदि कैनवास line-height से छोटा होना चाहिए, तो आप कैनवास के ऊपर "भूत मार्जिन" देखना शुरू कर देंगे क्योंकि यह bdfhklt, लम्बे अक्षरों के लिए कमरा सुरक्षित रखता है। इसे line-height: 1px नियम जोड़कर तय किया जा सकता है।