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

回答

相關問題