How to Align A image Center of Div (top,bottom,left,right) - Stack Of Codes

Breaking

Ads

Friday, 1 December 2017

How to Align A image Center of Div (top,bottom,left,right)

How to Align A image Center of Div (top,bottom,left,right)



Example:

<div class="image">
<img alt="" src="Path"  />
</div>

CSS::

.image {
    width: 100%;
    height: 230px;
    position: relative;
}

.image img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;

}

No comments:

Post a Comment

Topics

PHP (27) CodeIgniter (22) SQL (4) Facebook (3) HTML (3) Blogger (2) Constructor (2) Destructor (2) Google (2) How to (2) Aadhaar (1) Agent (1) Browser (1) CSS (1) Cakephp (1) Constants (1) India (1) Ip address (1) JS (1) Jquery (1) Meta Tags (1) Robots (1) Scraping Data (1) escape_str (1) htaccess (1) iS mobile (1) javascript (1) mysqli (1)