div align center

Original title: Vertical centering in CSSSubtitle: Yuhu ' s definitive Solution with Unknown HeightDespite the vertical-align features of CSS, it does not effectively solve the problem of vertical centering of unknown heights (in the case of a DIV tag with an unknown height of text or a picture).Standard browsers such as Mozilla, Opera, Safari, etc., you can set the parent element display to table (display:

The parent Div uses display:table-cell;vertical-align:middle to show gaps. 1, the HTML is as follows 2, CSS . divcon{ width:200px; height:200px; Background:black; Display:table-cell; Vertical-align:middle; Text-align:center } . Divcon img{ width:100%; height:100%; } 3, Display effect: 4, the problem: as shown above the red circle, the parent box will be more than 3px height 5, the solution: A, let Vertical-

Vertical center of picture in Div1 DOCTYPE HTML>2 HTML>3 Head>4 MetaCharSet= "Utf-8">5 title>title>6 style>7 . Box{8 width:200px;9 Height:200px;Ten Display:Table-cell; One /*Center Horizontally*/ A text-align:Center; - /*Center Vertically*/ - vertical-align:Middle; the Border:1px solid #f40; - } - style> - Head> + Body> -

IE: Internal div horizontally centered, vertically centeredFirefox, Google: internal div horizontal and vertical are not centered"border:solid;width:500px;height:400px;text-align:center; "> "border:solid; width:300px; height:200px; ">IE, Firefox, Google: internal content is horizontally centered, vertical is not centered (there are two cases, there is no span of the same conclusion)Divstyle= "Border:

In chrome or FireFox, use Body { Margin: 0px; Padding: 0px; } Div { Magin: 0 auto; } You can center a div, but it is not supported in IE. Method 1.Use margin-left: 10%. For example, if my div occupies 80% of the entire browser, the settings can be centered: Div {

Note: You can center the DIV horizontally and vertically. Today I wrote a job for the Baidu front-end college spring class:Locate and center problemsSince I learned CSS for a long time, and I used to take notes, I forgot only one of the following methods, today, I summarized the following two simple ways to center the

This article introduces how to display a mask in the center of the page by using JavaScript to create a simple pop-up layer DIV. If you need it, you can refer to the two days to use a trainer, there are more problems than you think, such: Ie6 background transparent ie6 center display and js object understanding OpenID = display button, conID = p, closeID = close

This article mainly introduces a simple example of jquery's implementation of a pop-up div that is always displayed in the center of the screen. If you need a friend, you can refer to it, I hope to help you with the following code block so that the pop-up p is always in the center of the screen. I hope it will help you! The Code is as follows: // Make the sp

Css implements code example for vertical and horizontal center of images in div, cssdiv Code example for implementing the vertical and horizontal center of an image in a div using css:There are still a lot of requirements for vertical and horizontal center of images in an e

Tips | page | questions 1. Single text Set the height of the div is the same as the line height of the text can be, that is, line-height and the height of the value is the same, and finally give Div a over-flow:hidden, so that the excess part of the hidden. This method supports block-level and inline-pole elements as well as all browsers, but only one row, and IE does not support the

Let a large div appear centered on the page:The HTML code is as follows: Body > ID= "container">div> Body>Imperfect method:1, only in the IE browser Center2, outside the Internet Explorer, the other browser in the center2. Center in all browsersAbout the center display of

Implementing a DIV vertical center is a common question in front-end interviews. It can be implemented using css or js. The following describes how to implement it with css and explain its principles. Principle:Use left: 50%; top: 50% to place the upper left corner of the div in the center of the page, and then use

Often have a friend asked about the Div horizontal Center and vertical center of the problem, today is written before a jquery implementation method to share; Remember, jquery.js do not refer to the 2.0.0 version above, to refer to the version of 1.10.1, or IE9 the following incompatible; Compatible with various browsers: jquery method The code is

This article mainly introduces how to use javascript + CSS to pop up the center background translucent div layer. It involves the operation skills of javascript operations to pop up the div layer, which is of great practical value, for more information about how to use js + CSS to bring up a semi-transparent p layer on the ce