कोड के रूप में नीचे है:कक्षा मार्जिन क्यों काम नहीं करता है?
<html>
<head>
<title>test</title>
</head>
<body>
<div><span>shanghai</span><span class="margin"> </span><span>male</span></div>
</body>
</html>
.margin {
width:40px;
height:auto;
}
आप इसे चौड़ाई नहीं दे सकते क्योंकि यह एक इनलाइन तत्व है।
यह गुण ब्लॉक स्तर द्वारा उत्पन्न बक्से की सामग्री चौड़ाई निर्दिष्ट करता है और तत्वों को बदल दिया। यह संपत्ति पर लागू नहीं है इनलाइन-स्तर तत्वों को प्रतिस्थापित किया गया है। - CSS 2.1 Width property
आप इसके बजाय यह एक ब्लॉक या इनलाइन-ब्लॉक तत्व बनाकर इसे ठीक कर सकते हैं:
display:inline-block
बहरहाल, यह कुछ ब्राउज़र द्वारा समर्थित नहीं किया जा सकता है। आप शायद इसके साथ एक ही परिणाम प्राप्त कर सकते हैं, हालांकि:
margin-left:40px
आप का संकेत देना चाहिए कि यह एक सीएसएस नियम है: Ways to include CSS in your page।
yup, .margin एक सीएसएस नियम – omg
है, मैं देखता हूं, लेकिन आप उस नियम को एचटीएमएल दस्तावेज़ के बाहर रखते हैं, ब्राउज़र कैसे पता चलेगा कि यह सीएसएस का एक टुकड़ा है ?! –
डाल
<style>
.margin {
width:40px;
height:auto;
}
</style>
क्या मैंने ऐसा नहीं किया है, एचएम? – omg
क्या आपने इसे .html में रखा था और प्रभाव देखा था? – omg
हां और बहुत अच्छी तरह से काम करें :) – pedrofernandes
सीएसएस सिर अनुभाग में जाना चाहिए और यह भी < शैली> टैग में लिपटे किया जाना चाहिए ...
जब तक आप एक स्टाइलशीट से इस मूल्य तक पहुँच रहे हैं। आपको इसे अपने दस्तावेज़ के मुख्य अनुभाग में संदर्भित करने की आवश्यकता होगी:
<link rel="stylesheet" type="text/css" title="RSS" href="MyStyleSheet.css">
शायद आपको कक्षा का नाम बदलने का प्रयास करें?
margin एक विशेषता है। मुझे यकीन नहीं है कि सीएसएस ने हालांकि कीवर्ड आरक्षित किए हैं।
ने काम नहीं किया, हालांकि काम नहीं किया, हालांकि – omg
यह जानकर अच्छा लगा कि सीएसएस इस तरह से व्यवहार नहीं करता है :) साफ। –
मुझे लगता है कि समस्या यह है कि टैग खाली है। बस "& nbsp;" डालें दो टैग के बीच।
ने कोशिश की, मदद नहीं की, हालांकि – omg
अभी भी वही है :( – omg
मार्जिन-बाएं मदद करता है! – omg
आईलाइन में स्पैन पर इनलाइन-ब्लॉक काम करता है - देखें http://www.quirksmode.org /css/display.html। एफएफ 2 अभी भी इनलाइन-ब्लॉक से खुश है, हालांकि –