2015-03-03 61 views
3

我有一個表格,其中表格的寬度可以是任何值,具體取決於列數。 在特定列中,將會有任何語言的聯繫人姓名。表格中的單詞不會換成japaneese單詞

在所有其他語言中,單個單詞顯示爲全寬。 但是在日語中,單個單詞會自動打包。

我想知道背後的確切原因。 enter image description here

Please find my workout here

<div id="test" style="border:1px solid #ddd; width:200px"> 
    <h3> Normal English Language</h3> 

    <table class="tbl eng"> 
     <tr> 
      <th>heading1</th> 
      <th>Heading2</th> 
      <th>Heading3</th> 
     </tr> 
     <tr> 
      <td>accoutrements</td> 
      <td>accoutrements</td> 
      <td>accoutrements</td> 
     </tr> 
    </table> 
    <h3> Japaneese Language</h3> 

    <table class="tbl jpn"> 
     <tr> 
      <th>Heading1</th> 
      <th>Heading2</th> 
      <th>Heading3</th> 
     </tr> 
     <tr> 
      <td>わかりません</td> 
      <td>わかりません</td> 
      <td>の着用</td> 
     </tr> 
    </table> 
</div> 
+1

我不知道問題是在看你的代碼或樣本。請發佈您所看到的內容以及您期望的內容。 – deceze 2015-03-03 09:57:51

+1

我沒有看到任何自動換行。 – FeedTheWeb 2015-03-03 10:01:59

+0

我已添加圖片。關鍵是我想知道的日語表現不同 – 2015-03-03 10:07:21

回答

1

它無關的日文字符,它只是文本沒有隻適合在細胞(它使用的第一行的大小來確定),分裂發生在單詞上(由空格分隔)。在日本,這是比較複雜的,因爲一個字符可以是一個字。

http://jsfiddle.net/s6s6fzbp/ 爲標題使用標籤建議。並使用nowrap來阻止它進入新的路線。

<tr> 
       <th nowrap>わかりません </th> 
       <th>わかりません</th> 
       <th>の着用</th> 
      </tr> 
+0

可以以及設置與CSS屬性的CSS:空白:NOWRAP – Mat 2015-03-03 10:23:30

0

提到你可以做,並添加nowrap到TD的或次的individualy或者你可以使用在所有TD的和TH的CSS,讓他們都不會換行,像這樣:

td, th { 
    white-space: nowrap; 
}