Safari浏览器显示表格内容垂直，但谷歌浏览器显示水平。我想Safari浏览器，以显示表内容horizantal

要显示在Safari浏览器中水平表内容（文本/超链接/ DIV内容），但不知道如何解决它在谷歌浏览器表的内容是绝对显示为水平Safari浏览器显示表格内容垂直，但谷歌浏览器显示水平。我想Safari浏览器，以显示表内容horizantal

罚款

enter code here 
<div class="itemFields"> 
     <table> 
      <tbody><tr> 
      <td class="label" dir="ltr">Call Number</td> 
      <td><div><a href="./query?match_1=PHRASE&amp;field_1=call_number&amp;term_1=PS169.F7+H3+1961&amp;theme=system" dir="ltr">PS169.F7 H3 1961</a></div></td> 
      </tr><tr> 
      <td class="label" dir="ltr">Publisher</td> 
      <td><div><span dir="ltr">F. Ungar Pub. Co.</span></div></td> 
      </tr><tr> 
      <td class="label" dir="ltr">Year</td> 
      <td><div><span dir="ltr">1961</span></div></td> 
      </tr> 

     </tbody></table> 
     </div> 




div.itemFields { 
margin: 0; 
margin-right: 15em; 
} 

.itemFields table tr td { 
vertical-align: top; 
} 

.itemFields table tr td { 
padding: 0; 
} 

.itemFields table tr td.label { 
padding-right: 1em; 
font-weight: bold; 
white-space: nowrap; 
} 

.itemFields table tr td div { 
display: table; 
table-layout: fixed; 
width: 100%; 
border-collapse: collapse; 
word-wrap: break-word; 
} 

.itemFields table tr td div a, 
.itemFields table tr td div span { 
display: inline; 
}

这itemFields类的内容显示在垂直Safari浏览器的它内容

来源

2017-02-16 roxx

你能提供代码或链接？ – Momin

我已经搜索了谷歌有关这一点，发现safari是一个webkit浏览器，我们必须设置一些webkit的其他属性，但不知道什么属性设置为在铬工作正常 – roxx

尝试这个代码！如果您使用引导程序，您必须重置代码也更好.............此代码只是简单HTML5表格式&风格。您可以更改表格宽度960像素&更..........

<div class="itemFields"> 
 
    <table width="960px" align="center" border="1"> 
 
    <tbody> 
 
     <tr> 
 
     <td class="label" dir="ltr">Call Number</td> 
 
     <td> 
 
      <div><a href="./query?match_1=PHRASE&amp;field_1=call_number&amp;term_1=PS169.F7+H3+1961&amp;theme=system" dir="ltr">PS169.F7 H3 1961</a></div> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td class="label" dir="ltr">Publisher</td> 
 
     <td> 
 
      <div><span dir="ltr">F. Ungar Pub. Co.</span></div> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td class="label" dir="ltr">Year</td> 
 
     <td> 
 
      <div><span dir="ltr">1961</span></div> 
 
     </td> 
 
     </tr> 
 

 
    </tbody> 
 
    </table> 
 
</div>

来源

2017-02-16 06:58:58 Momin

这不能解决我的问题。实际上这在铬中运行良好，但在safari中显示表格数据的内容时存在问题，因为itemField类的垂直类 – roxx

我为safari添加了截图！请添加您想要在Safari浏览器中显示的方式 – Momin

http://i.imgur.com/KIq7Jza.png – Momin

Safari浏览器显示表格内容垂直，但谷歌浏览器显示水平。我想Safari浏览器，以显示表内容horizantal

回答

相关问题