A CSS style flicker problem

In the development of a web page to find, webpage at load time, the navigation bar will appear to flicker, that is to say, when the loading of a page, the page navigation bar will appear without CSS (vertical), then suddenly turned into normal state CSS, page navigation is ul> to <; unordered list written, <li> CSS as follows
.xxx {
  color: #FFFFFF;
  float: right;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  margin-left:20px;

}


LZ I try to Li defines width, remove the margin-left:20px; problem solving, but because of the navigation bar is generated dynamically defined, fixed width seems less desirable, ask you greatly, what do you call this phenomenon (Google not know what keywords, Khan), what is the best solution, ask you greatly, thank you

Started by Alston at November 20, 2016 - 10:07 AM

Because the CSS file loading need time
Try the following methods to optimize:
1 the link node onto the page in front, CSS before HTML loading
2 compression CSS, reduce the amount of code

Posted by Eudora at November 27, 2016 - 10:47 AM

Directly to that CSS written on the page

Posted by Osmond at December 02, 2016 - 11:22 AM

The navigation bar useful picture? If not, I don't think it may appear this kind of circumstance

Posted by Katherine at December 11, 2016 - 12:16 PM

No pictures

Posted by Alston at December 13, 2016 - 12:44 PM

The response to 2013-09-04 11:47:31 was removed by the administrator

Posted by Alina at December 28, 2016 - 1:22 PM