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

Breaking

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) Aadhaar (1) Agent (1) Browser (1) CSS (1) Cakephp (1) Constants (1) How to (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)