7
में न्यूनतम चौड़ाई का अनुकरण कैसे करें आईई 8 दस्तावेज का कहना है कि यह न्यूनतम चौड़ाई का समर्थन करता है, लेकिन यह मेरे लिए काम नहीं कर रहा है।आईई 8
एचटीएमएल मैं न्यूनतम चौड़ाई बनना चाहता हूं तालिका कक्षों में है।
मैंने यहां एक और प्रश्न देखा जिसने चौड़ाई सेटिंग के साथ प्रत्येक सेल में 1-पिक्सेल ऊंचाई div जोड़ने का सुझाव दिया, लेकिन यह काम नहीं करता - आईई इसे किसी कारण से 18 पिक्सेल ऊंचा करता है।
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<style type="text/css">
table.keyboard div.key {
height: 50px;
font-size:50px;
border: 5px outset gray;
min-width: 60px;
text-align: center;
}
table.keyboard div.spc {
height: 1px;
width: 60px;
background-color: green;
}
table.keyboard td:hover {
background-color: lightblue;
}
table.keyboard {
border: 3px inset blue;
}
</style>
</head>
<body>
<div id="body">
<div>Here is some stuff</div>
<table class='keyboard'>
<tbody>
<tr>
<td><div class='key'>1</div><div class='spc'></div></td>
<td><div class='key'>2</div><div class='spc'></div></td>
<td><div class='key'>3</div><div class='spc'></div></td>
<td><div class='key'>4</div><div class='spc'></div></td>
<td><div class='key'>5</div><div class='spc'></div></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
"छठे वेतन आयोग" div 18 पिक्सल उच्च प्रकट होता है:
यहाँ एचटीएमएल कोड है!
बेशक, अगर न्यूनतम-चौड़ाई काम किया, मैं div की जरूरत नहीं होगी ...
<table class='keyboard'>
<tbody>
<tr>
<td><div class='key'>1</div></td>
<td><div class='key'>2</div></td>
<td><div class='key'>3</div></td>
<td><div class='key'>4</div></td>
<td><div class='key'>5</div></td>
</tr>
</tbody>
</table>
कोई सुराग?
बस इसे आसान बनाने के लिए, मैंने this code on my website के 3 अलग-अलग संस्करण रखे हैं।
यह डरावना है - यह वहां काम करता है, लेकिन मेरी वेबसाइट पर नहीं। मुझे आश्चर्य है कि अंतर क्या है? –
शायद डॉक्टरेट के साथ कुछ गलत है? – bravedick
एक डॉक्टरेट नहीं है। –