Tag:picture centering

  • How to center pictures in div in JSP


      JSP, let the image in the div center display, as shown in the above figure example: Copy codeThe code is as follows: //CSS file<style type=”text/css”> #bj{ width:200px; height:200px; border:3px solid red; text-align:center; vertical-align:middle; display:table-cell; //Display objects as table cells background:pink; } img{ width:150px; height:150px; margin:0 auto; vertical-align:middle; border:2px solid green; } </style> </head> //Body […]

  • The method of multi picture horizontal center display based on CSS


    Let’s talk about the implementation steps: Final effect 2. Code implementation HTML section <div class=”main”> <div class=”tag”> Classification tips </div> <div class=”images” > <div class=”mid”> <img src=”images/06.jpg” /> </div> <div class=”mid”> <img src=”images/05.jpg” /> </div> <div class=”mid”> <img src=”images/07.jpg” /> </div> <div class=”mid”> <img src=”images/11.jpg” /> </div> <div class=”mid”> <img src=”images/14.jpg” /> </div> </div> <div […]