小编san*_*gil的帖子

HTML表忽略元素样式的宽度

我有一个HTML表格,其中某些单元格有很长的文本内容.

我想使用jQuery为这些单元格指定宽度(以像素为单位),但渲染表只是忽略给定的宽度.

有没有办法迫使表格尊重这个宽度？

谢谢!

JSFiddle:http://jsfiddle.net/sangil/6hejy/35/

(如果检查单元格,则可以看到计算出的宽度与元素样式宽度不同)

HTML:

<div id="tblcont" class="tblcont">
 <table id="pivot_table">
 <tbody>
   <tr>
      <th id="h0" >product</th>
      <th id="h1" >price</th>
      <th id="h2" >change</th>
   </tr>         
   <tr>
      <!-- this is the cell causing trouble -->
      <td id="c00" >Acer 2400 aaaaaaaaaaaaaaaaaaaaaaaaaa</td>
      <td id="c01" >3212</td>
      <td id="c02" >219</td>         

   </tr>
   <tr>
      <td id="c10" >Acer</td>
      <td id="c11" >3821</td>
      <td id="c12" >206</td>         

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

CSS:

.tblcont {
  overflow: hidden;
  width: 500px;
}

table {
  table-layout: fixed;
  border-collapse: collapse; …

我正在尝试创建一个符合以下要求的表:

1. 表宽度必须定义为0 - 浏览器应根据列宽度计算宽度(这是为了容纳列调整大小插件).
2. 某些列可能会收到固定宽度(例如50px);
3. 未获得固定宽度的列必须自动适合内容.

我已经创建了一个小例子来说明问题 - 因为你可以看到第3列保持在宽度0,所以不可见.

编辑:如果删除"table-layout:fixed".出现第三列,但忽略固定宽度,所有列都自动调整.

HTML

<table>
<tr>
    <td class="cell header" id="header1">Header 1</td>
    <td class="cell header" id="header2">Header 2</td>
    <td class="cell header" id="header3">Header 3</td>
</tr>
<tr>
    <td class="cell">Cell 1</td>
    <td class="cell">Cell 2</td>
    <td class="cell">Very looooong content</td>
</tr>
</table>

CSS

table {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #696969;
}

.cell {
    color: #898989;
    border: 1px solid #888;
    padding: 2px;
    overflow: hidden;
}

.header {
    background-color: lightsteelblue;
    color: black;
}

#header1, #header2 { …

有没有办法在Eclipse控制台中显示行号？

我的目的是在Eclipse控制台中显示产生输出的文件/行号,而不是消息的串行编号(尽管这也可能是一个有趣的问题).

我正在寻找类似于Chrome的javascript控制台的东西,其中每一行都有一个链接,可以将您带到打印它的功能.