Google Browser CSS Center compatibility problem Perfect solution

In IE kernel browser or Firefox browser can be centered, there is no center can use its special tags to set the center but in Google browser to see when the bug can not be centered, the following solution has a similar situation friends can refer to the following

Div to do the interface, there are CSS hack (CSS-compatible browser issues) in IE Kernel browser or Firefox browser can be centered, there is no center can use its special tags to set the center, the following underlined _ IE6 priority recognition,!important Only Firefox firefox browser recognition. But in Google browser view, there will be compatible with the Google browser bug, can not be centered.

Now adding two sentences to your stylesheet will solve the problem.

Style sheets are modified in this way

Copy Code code as follows:

. Google-center
{width:320px;
height:202px;
Text-align:center;
* Plus these two sentences, in Google browser to achieve the landing interface in the center of the * *
Margin-left:auto;
Margin-right:auto;
Color: #ff33ff;
Background-color: #ccffcc;
}