Tag: 表

为什么我的HTML表格不尊重我的CSS列宽？: 我有一个HTML表格，我希望前几列很长。我在CSS中这样做： td.longColumn { width: 300px; } 这里是我的表的简化版本 <table> <tr> <td class='longColumn'></td> <td class='longColumn'></td> <td class='longColumn'></td> <td></td> <td></td> <td></td> <td></td> <td></td> [ . . and a bunch more columns . . .] </tr> </table> 出于某种原因，表格似乎在有很多列的时候使这一列<300px。我基本上希望它保持这个宽度，不pipe是什么（只是增加水平滚动条）。表里面的容器没有任何types的最大宽度，所以我不知道为什么它挤压这个列，而不是尊重这个宽度。反正有这个，不pipe怎样，这个专栏会保持一定的宽度吗？这里是外部容器div的CSS： #main { margin: 22px 0 0 0; padding: 30px 30px 15px 30px; border: solid 1px #AAAAAA; […]

在桌子上设置最大高度: 我正在devise一个有一些表的页面。看来，造型表更痛苦，然后应该是。问题是以下。表格应该有一个固定的高度，并在底部显示空白 – 当内容太less时 – 或垂直滚动条 – 当显示太多时。添加到这个表有一个不应该滚动的标题。据我所知， thead不滚动是表的默认行为。而拉伸tfoot可以很好地填补空白的目的。可悲的是，似乎每一个我可以放在桌子上的限制都被忽视了。我努力了 table { height: 600px; overflow: scroll; } 我已经尝试过max-height 。我试图将表格放在绝对位置，同时给出顶部和底部的坐标。我曾尝试手动编辑Firebug中的高度，以查看它是否是CSS特性的问题。我也试图设置tbody的高度。事实是，无论我的努力如何，桌子总是保持其内容的高度。当然，我可以伪造一个带有div结构的表格，但实际上它是一个表格，我担心使用div可能会遇到某些列可能无法正确alignment的问题。我该如何给一张桌子一个高度？

将文本旋转为表格中的标题（跨浏览器）: 这不是一个问题。我只是觉得，花了这么多的时间去思考如何做到这一点，如果我不把它保存在某个地方，我会恨自己，如果我没有分享我发现的东西，我会是一个糟糕的程序员。（这里一石二鸟）所以这里是代表旋转表中的文本作为标题。 <html> <head> <!–[if IE]> <style> .rotate_text { writing-mode: tb-rl; filter: flipH() flipV(); } </style> <![endif]–> <!–[if !IE]><!–> <style> .rotate_text { -moz-transform:rotate(-90deg); -moz-transform-origin: top left; -webkit-transform: rotate(-90deg); -webkit-transform-origin: top left; -o-transform: rotate(-90deg); -o-transform-origin: top left; position:relative; top:20px; } </style> <!–<![endif]–> <style> table { border: 1px solid black; table-layout: fixed; width: 69px; /*Table […]

表的边界半径不起作用: 我想在整个表格中添加一个边框半径。但是下面的代码在最新版本的Firefox和Google Chrome中都不起作用。 HTML <table class="bordered"> <thead> <tr> <th><label>Labels</label></th> <th><label>Labels</label></th> <th><label>Labels</label></th> <th><label>Labels</label></th> <th><label>Labels</label></th> </tr> </thead> <tbody> <tr> <td><label>Value</label></td> <td><label>Value</label></td> <td><label>Value</label></td> <td><label>Value</label></td> <td><label>Value</label></td> </tr> </tbody> </table> CSS table { border-spacing: 0; width: 600px; margin: 30px; border: 1px solid #CCCCCC; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; box-shadow: 0 […]

创build具有相同列和types的临时表作为永久表的最佳方法: 我需要创build一个与永久表相同的列和types的临时表。什么是最好的办法呢？（永久表有100多列）即通常我会这样创build表格。 DECLARE #TT TABLE( member_id INT, reason varchar(1), record_status varchar(1) , record_type varchar(1) ) 但有没有办法做到这一点，而不提及列的名称和types，但提及所需列的另一个表的名称？

删除表格单元格和行之间的间距: 我正在devise一个HTML电子邮件模板，这迫使我使用表格。在下面的代码中，我遇到了麻烦（1）删除占位符图像下面的间距和（2）删除图像和标题之间的空间。以下是OS X 10.6.8上的Chrome 15的屏幕截图： <!DOCTYPE HTML> <html> <head> <title>Email Template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> <body> <table style="border: 1px solid #b50b32; margin: 30px auto; width: 600px; padding: 0; border-spacing: none;" cellspacing="0" cellpadding="0"> <tr> <td id="main" style="background-color: #f2f2f2;"> <h2 style="color: #b50b32; font-family: 'Lucida Grande', Arial, sans-serif; font-size: 22px; font-weight: normal; padding: 15px; margin: […]

里面只有CSS表格边框间距: 我已经努力工作了好几个月，谷歌没有帮助我。我试图在表中标记<td>和<th>之间的间隔，但是当我这样做的时候，它会在外部进行间隔。因此，表格不与其他任何内容。所以它看起来像表格有一些填充。我似乎无法find解决scheme。这是一个问题的例子

控制表格单元格之间的间距: 我试图创build一个表，其中每个单元格都有一个背景颜色与他们之间的空白。但是我似乎在做这件事情时遇到了麻烦。我尝试设置td边距，但似乎没有效果。 table.myclass td { background-color: lime; margin: 12px 12px 12px 12px; } 如果我用填充做同样的事情，它的工作，但是我没有单元格之间的间距。有人可以帮我吗？ jsFiddle： http : //jsfiddle.net/BfBSM/

MySQL LEFT JOIN 3表: 我有3个表格：人员（PersonID，姓名，SS）恐惧（恐惧，恐惧） Person_Fear（ID，PersonID，FearID）现在我想列出每一个与他们有任何恐惧的人（可以是多种恐惧，但也可以是没有）。即使一个人没有与他们有关的恐惧，人桌也必须显示出来。我想我需要做一个左连接，但我的代码似乎不工作： SELECT persons.name, persons.ss, fears.fear FROM persons LEFT JOIN fears ON person_fear.personid = person_fear.fearid 我在这里做错了什么？提前致谢。

我怎样才能限制表列的宽度？: 我的表中的一列可以包含一个没有空格的长文本。我怎样才能限制它的宽度，比如150px？我不希望它总是150px（如果它是空的，它应该是狭窄的），但如果有一个长文本，我希望它被限制在150px和文本被包装。这里是一个testing的例子： http : //jsfiddle.net/Kh378/ （让我们来限制第三列）。先谢谢你。更新：设置这个样式： word-wrap: break-word; max-width: 150px; 在IE8中不起作用（在不同的计算机上testing过），我想它在任何版本的IE中都不起作用。