"Ext JS" "FAQ" alert pop-up box title always can not rely on the left--the reason is the body's CSS configured Text-align:center

"Ext JS" "FAQ" alert pop-up box title always can not rely on the left--the reason is the body's CSS configured Text-align:center

1. The phenomenon of problems

2. Problem Solving method

Before modification:

<style type= "Text/css" > Body
{
	Background-color:rgb (255,255,255); 
	Background-repeat:no-repeat;
	Background-image:url (".. /images/login1.png ");
	Background-position:center;
	background-attachment:fixed;
	Text-align:center;
}

Delete the Text-align:center row, and you can see that the caption is displayed on the left.

After modification:

<style type= "Text/css" > Body
{
	Background-color:rgb (255,255,255); 
	Background-repeat:no-repeat;
	Background-image:url (".. /images/login1.png ");
	Background-position:center;
	background-attachment:fixed;
}

Click Login again and the pop-up appears to be back to normal.

3. Causal Analysis

Through this kind of modification way solves, can guess, should be the body CSS changes the whole ExtJS layout way.

You need to pay more attention when you change the style later. Inadvertently may affect the control of Ext JS display.