When we were in the Forum news system, some of these pictures will be relatively large damage to the overall layout of the beautiful, is now through the definition of CSS to make the picture trimmed display, that is, when the picture of the container is not enough to display the entire picture, will be in the upper left corner of the beginning to show that the show will be hidden. Relevant colleagues also have this idea. The following CSS styles are available, so post them for sharing with Web developers!
Of course, some people use the onload event of IMG to its wide and high JS control, but the recruit sometimes because of the Web page load too fast, or too slow to execute, is to recommend the code as follows, their own research.
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<style type= "Text/css" >
. Divclass{height:100%;width:100%;overflow:hidden; MARGIN-BOTTOM:5PX}
</style>
<title>copy data to ID cluster by ID | Picture CSS definition Trim Display | Width of text adaptive scaling </title>
<body >
<div id= "Airzen" class= "Divclass" ></div>
</body>
Description: You can define the above style, but keep the Overflow:hidden; Wish you all a happy work!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
