2015-03-03 65 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; 
}