我有一个最奇怪的错误……我正在尝试使用display:table,我的概念证明在打开一个新进程后的第一次尝试中起作用,但任何后续的页面重新加载都会破坏设计.这是简单的HTML页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Page</title> <style> .container { display: table; } .row { display: table-row; } .cell { display: table-cell; width: 100px; height: 100px; border: 1px solid blue; padding: 1em; } </style> </head> <body> <div class="container"> <div class="row"> <div class="cell">CELL A</div> <div class="cell">CELL B</div> <div class="cell">CELL C</div> </div> </div> </body> </html>
这是预期的结果,这是我第一次加载后得到的结果.
现在这是我重新加载页面后得到的,用F5:
这太疯狂了!
有人可以尝试一下,让我知道它是如何产生的吗?谢谢.我希望在我阅读解决方案时我不会自杀!-)