首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

搜狗浏览器里变形如何解决

2012-08-16 
搜狗浏览器里变形怎么解决?html xmlnshttp://www.w3.org/1999/xhtml head runatservertitle无

搜狗浏览器里变形怎么解决?

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title>无标题页</title>
  <style type="text/css">
  .container {
  display: table;
  }
   
  .row {
  display: table-row;
  }
   
  .cell {
  display: table-cell;
  width: 100px;
  height: 100px;
  border: 1px solid blue;
  padding: 1em;
  }
  </style>
</head>
<body>
  <form id="form1" runat="server">
  <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>
  </form>
</body>
</html>

[解决办法]
display: table-cell; table-row不是所有的浏览器都支持
要显示成表格,还是table兼容性最好
[解决办法]
那你 得 针对 搜狗浏览器再做一个 div+css了。。。
[解决办法]
不同浏览器对静态HTML中的标签支持都不同,比如火狐和IE,系统上线需要对多个主流浏览器进行测试,形成多种方案!
[解决办法]

CSS code
  .cell {  display: table-cell;  width: 100px;  height: 100px;  border: 1px solid blue;  padding: 1em;  float:left;  } 

热点排行