/ / स्क्रीन HTML के किनारे पर फसल छवि - html, सीएसएस, छवि

स्क्रीन एचटीएमएल, एचटीएमएल, सीएसएस, छवि के किनारे पर फसल छवि

मैं अपनी छवि से किनारा काट देना चाहता हूं जब स्क्रीन को फिट करने के लिए छवि बड़ी हो।

जब छवि को फिट करने के लिए स्क्रीन पर्याप्त चौड़ी है

यहां छवि विवरण दर्ज करें

ऐसा तब होता है जब स्क्रीन बहुत छोटी होती है यहां छवि विवरण दर्ज करें

मैं स्क्रीन / लाल रेखा के किनारे पर छवि को काटना चाहूंगा। अगर मैं अधिकतम-चौड़ाई को 100% पर सेट करता हूं तो यह केवल छवि को एक साथ निचोड़ता है। यहाँ छवि के लिए कोड है:

<div id="container">
<img src="/images/ptable.PNG" style="height:400px;width: auto;margin: auto;float: left;">
</div>

उत्तर:

उत्तर № 1 के लिए 1

आप बस जोड़ सकते हैं overflow:hidden आपके कंटेनर में और यह "छवि को अतीत में जाने से रोकेगा।"


जवाब के लिए 0 № 2

आप अतिप्रवाह CSS- विशेषता सेट करना चाहते हैं।

.container {
overflow: hidden;
}

या

<div id="container" style="overflow: hidden">

अधिक जानकारी के लिए देखें: http://www.w3schools.com/cssref/pr_pos_overflow.asp