使用css在表格中设置最后一个td
您好！感谢您提供的问答内容。关于使用CSS在表格中设置最后一个<td>元素，您可以使用:last-child伪类选择器来实现。以下是一个示例：
/* 选择所有最后一个 <td> 元素 */
td:last-child {
/* 在这里添加您的样式 */
background-color: lightblue;
font-weight: bold;
}这段CSS代码将会选择所有<td>元素中的最后一个，并将其背景颜色设置为浅蓝色，字体加粗。您可以根据需要修改样式。
相关·内容
使用css { Resize :both;}调整表格单元格的大小，但不使用表格
我需要调整表格及其单元格的大小，可以使用css调整大小，css { resize :both;}在div中工作，但在table标签中不起作用
<table border="1" style="resize:both;">
<tr>
<td>hi table</td>
<td>hi div</td>
</tr>
<tr>
<td>hi table</td>
<t
浏览 3提问于2012-11-16得票数 10
回答已采纳
3回答
我正在从数据库中检索数据并将其显示在文本区域内的表格格式中，我尝试应用CSS样式为文本区域内的表格，但没有效果，有人知道或做了这一点之前，请告知，我正在使用Javascript编辑器的显示更像word，以便用户可以格式化文档，
<style type="text/css">
table { }
td,th { white-space:nowrap; padding:3px;color: red; }
.test {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color
浏览 0提问于2010-10-12得票数 2
回答已采纳
我有一个普通的HTML表：
<table>
<tr>
<td class="first-column-style">FAT</td>
<td>...</td>
</tr>
<tr>
<td class="first-column-style">FAT</td>
<td>...</td>
</tr>
</table>
我想应用CSS样式到每个表格单元
浏览 0提问于2010-10-07得票数 67
回答已采纳
3回答
我在div中有一个表(见下文)。如何向div中表格中每个单元格/列添加30px的右填充？我的理解是我必须使用内联CSS？基本上，我希望每个单元格在右侧填充30个像素。
<div id="ddTopMenu";>
<table border="0" >
<tr>
<td width=100></td><td >Dictionary</td><td>Search</td><td>Sources</td><td>Re
浏览 0提问于2010-06-09得票数 1
回答已采纳
我正在尝试使我的表格中的第一个th或td与内容的宽度匹配，而不是拉伸。在我引入colspan之前，一切都运行得很好。有谁有办法解决这个问题吗？
HTML：
<table>
<tr>
<td>this should not stretch</td>
<td>this should stretch</td>
</tr>
<tr>
<td colspan="2">
This is a lot of text ...............
浏览 0提问于2015-11-20得票数 0
我的表使用的是TwitterBootstrap：
<table id="sDetails" class="table table-bordered table-striped table-hover dataTable">
<thead>
<tr>
<th>Item</th>
<th>Checked</th>
浏览 0提问于2012-09-25得票数 0
我有一个基于表格的布局，有一个主要的两列表格，用于表单的左侧和右侧。每列都包含一个包含两列的内部表格，该表格具有标签和输入列，每个字段位于其自己的行中。
我可以使用CSS来设置两个输入列的宽度吗？
例如。
<table id="frameTable">
<tr>
<td id="leftFieldList">
<table class="formColumn">
<tr>
<td>Surname</td>
浏览 2提问于2009-03-08得票数 1
回答已采纳
2回答
IE7中的HTML表太宽
、、、
我有一个在Chrome、IE8和IE9中显示正常的表格。然而，在IE7中，表格最终要比它的内容宽得多(100%包含元素？)。如何在IE7和IE6中使表格的宽度与其内容一样宽(并且在较新的浏览器中仍然可以很好地显示)？
下面是表格：
<table class="SisSubDetailTable">
<tbody>
<tr>
<td>Date:</td><td>10-16-11</td><td>SOID:</td><td
浏览 0提问于2012-06-30得票数 0
回答已采纳
我正在写一个简单的web报告，里面有一个简单的布局供内部使用。
布局由顶部的标题和下方的内容组成，通常是一个表格和更多(非常简单)。
我的问题是，当表格比浏览器的视窗大时，布局会变得混乱:页眉是视窗的宽度，而不是页面的body，所以当我向右滚动时，它会离开屏幕，表格的右边框贴在视窗的右边，尽管我为正文留了边。
一个干净的测试页面的HTML代码是(为了轻盈，减少了tr元素的数量)：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="tex
浏览 8提问于2010-07-19得票数 3
回答已采纳
我有一个表格，我试图显示和激活表单信息在一个按钮点击。该表设置为"display: none“，并将按钮连接到javascript。javascript可以工作，但只有在第二次单击按钮之后才能工作。我希望它第一次被点击时就能工作。
按钮和表格HTML：
<button data-bind="click: addPatient" style="margin-top: 20px; margin-bottom: 10px;">Add Patient</button>
<table id="newPatientFor
浏览 4提问于2015-01-21得票数 0
回答已采纳
不知道为什么，但在我的生命中，当表格单元格(td)之前的单元格正在换行文本时，我无法使文本与表格单元格(Td)顶部对齐。
如果我将它写在HTML中，它可以工作，但无法在我的CSS中获得相同的效果。
与HTML配合使用：
<td style="vertical-align:text-top;">Some Text</td>
不适用于CSS：
table td { vertical-align: text-top; }
我已经尝试了你能在我的CSS中想到的每种组合
浏览 5提问于2012-09-28得票数 13
回答已采纳
2回答
我希望表格的标题有一个红色的实线边框，而表格的其余部分有一个虚线的黑色边框。
使用下面的代码，一切都是正确的，但TH的左右两侧都是黑点。有没有办法覆盖TH样式声明中的<table>边框？
这就是我想要实现的：
<style type="text/css">
table {
border-style:none dotted dotted dotted;
border-collapse: collapse;
}
table th {
border: 2px solid red;
}
</style>
<t
浏览 0提问于2012-07-15得票数 0
回答已采纳
2回答
我需要向内容超过某一阈值的表格单元格添加省略号。
说我有这个：
<tr>
<td><a href="#">Fooooooooooooooooooooo</a></td>
<td><a href="#">b</a></td>
<td><a href="#">c</a></td>
<td><a href="#">d</a><
浏览 6提问于2014-11-07得票数 0
Firefox有没有办法保持行的高度，这样如果数据没有填满所有的正文高度，它就会在最后一行下面保留一个空格？IE的行为是这样的，所以所有的行都在最上面。
我想编写一个固定标题的滚动表格；有时表格内容上没有足够的数据来填充固定的表格高度。
示例代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" hr
浏览 0提问于2010-07-07得票数 0
1回答
我有一个Bootstrap表，如下所示：
<table class="table table-striped table-condensed table-bordered">
<tr>
<th>User</th>
<th>Points</th>
</tr>
<tr>
<td class="active">{{player.name|replace("@mysummitps.org","")|replace("
浏览 0提问于2014-02-13得票数 1
回答已采纳
我有一个php函数，它提取我的csv数据，并将它显示为网页上的表格，非常简单！
我的问题是，是否可能有一个php代码或javascript来扫描我的表td，如果td以某个字符/标志/word结尾，那么对该td应用特定的CSS吗？
我想要这样，所以我可以应用不同的css图像和颜色到我的td取决于字符在结尾！
浏览 2提问于2013-08-20得票数 0
回答已采纳
1回答
我做了一个这样的表格：
<table style="width:1000px;">
<tr>
<td>aaa</td>
<td id="space"></td>
<td class="fixed-width">bbb</td>
<td class="fixed-width">ccc</td>
</tr>
</table>
我该如何做CSS，以使b和c
浏览 0提问于2011-11-19得票数 9
回答已采纳
我用JavaScript将多个表格插入到一个可滚动的div中。然后将图像插入到单元格。然后，我触发一个调整表格宽度的函数。所有的表都有table-layout: fixed。所以在FF中一切正常，但是Chrome渲染每个表格的第一个单元格是错误的-宽度是错误的。当我在开发人员工具中手动切换css属性table-layout: fixed时，第一个单元格的宽度变为normal。所以我想我必须以某种方式重新应用表的css规则来消除这个bug。有没有办法做到这一点？
这是调整表格宽度的函数：
function adjustGalleryInnerWidth(){
var containerW
浏览 0提问于2013-12-12得票数 0
这已经让我抓狂了，可悲的是哈哈。我不明白为什么我不能让我的表格中的“X”与表格底部对齐……我尝试在CSS中的不同位置放置垂直对齐，但无济于事：另外，我是否正确地使用表格中的空白点？
下面是我的HTML和CSS files...any评论的片段，非常感谢
<html>
<head>
<title>Day4: Table King</title>
<link rel="stylesheet" type="text/css" href="stylesday4.css" />
</head
浏览 1提问于2010-12-01得票数 1
回答已采纳
2回答
我有一个从数据库中拉入长列数据的表。问题是表格覆盖了整个页面的宽度和长度，并且显示在我的页脚上。下面是格式设置：
我创建了一个div (div id="table2")，我在其中设置了桌子应该垂直和水平伸展的界限。我添加了padding: 50px，以便在页脚上方留出空间，但填充仅应用于表格的顶部。下面是我添加的样式(我将高度和宽度更改为多个px，以测试表格的大小是否会改变，但它不会改变)：
<style>
#table2{
width: 100px;
height: 50px;
padding: 50px;
浏览 0提问于2015-06-01得票数 0
例如，是否可以使表格(将动态创建文本)具有：
表格宽度100%屏幕5列最后一列为空(%)前四列具有文本，其宽度是动态的最后一列是宽度的剩余部分，不挤压前四列中的文本
到目前为止，我有这个，它挤压文本，这是我试图避免的：
<table style="width:100%;" border="1">
<tr>
<td>One Two Three</td>
<td>Two Three Four</td>
<td>Three Four Five</td>
浏览 2提问于2011-10-01得票数 26
我有一个表格，我正将其用作网页上的工具栏。它在除IE7之外的所有浏览器中都工作得很好。问题是它会扩展表格以适应内容(将内容推出屏幕)，除非我在CSS中指定" table -layout: fit“。当我将表格布局设置为fixed时，它会使所有单元格的大小相同，但我希望它们自动调整大小以适应内容(如果需要，还可以自动换行)。在单元格上设置"width: auto“不会做任何事情。
下面是HTML：
<table id="ToolbarTable" cellspacing="0px">
<tr>
<
浏览 8提问于2011-02-15得票数 0
回答已采纳
3回答
我有下表：
<table border="1">
<tr>
<td>
Company 1
</td>
<td>
Person 1
</td>
<td rowspan="3">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
浏览 3提问于2016-02-19得票数 3
2回答
我们使用订单管理系统向客户发送电子邮件。这个系统允许我们在电子邮件中放置“占位符”来显示与订单相关的信息。
例如：#?OrderItemsDetails?#为我们提供了下表：
<table><tr><td><strong>Item Name</strong></td><td><strong>Quantity</strong></td>...</tr></table>
问题是，这个表格没有格式，比如填充、边距或边框样式。这张桌子看起来很难看，而且不能用。
浏览 2提问于2015-07-14得票数 0
我有一个具有以下结构的表：
<table>
<tr> <td> COL 1 </td> <td> COL 2 <td> <td> COL 3 </td> </tr>
<tr> <td colspan=999> <div> LONG VERY VERY VERY LONG TEXT </div> </td> </tr>
</table>
可以将一些CSS属性分配给第二行中的DIV，这样它就不会扩展
浏览 2提问于2011-09-03得票数 0
我在Internet Explorer和Chrome中发现了一个奇怪的问题:我有一个简单的HTML表格，没有布局CSS，两列，没有样式，宽度设置为100%。当我尝试在Internet Explorer (所有版本)和Chrome中打印此表格时，第二页及以后的第一个单元格被丢弃。
HTML的代码片段：
<html>
<head></head>
<body>
<table width='100%' cellspacing='0'>
<tr><td align=&#
浏览 4提问于2011-05-31得票数 5
回答已采纳
8回答
到目前为止，我的所有网站都使用了表格布局，但现在我希望尝试使用纯CSS布局。但是我真的在挣扎！
如何在CSS中模拟以下内容：
<table>
<tr>
<td>Some Content 1</td>
<td>Some Content 2</td>
</tr>
</table>
现在让我们假设"Some Content 1“和"Some Content 2”是<img>标记。然后，结果输出是两个并排的图像，并具有居中的垂直对齐。表格中两个单元格的大小
浏览 13提问于2010-01-05得票数 2
2回答
我在html中有两个表格，并想在它们之间添加间距。虽然我不知道是怎么回事。我在html和css是新手，非常感谢你的帮助。
<div class="test"> <div class="col-12"> <div class="row">
<table><tr><th>Price</th>{% for l in co %}<td>{{l}}</td>{% endfor %}</tr></table>
<ta
浏览 1提问于2020-07-16得票数 1
css新手问题-
我们为Table及其表格单元格定义了一个通用css，如下所示：
.table {
width: 100%;
margin: 1em 0 1em 0;
border-top: 1px solid #A3C0E8;
border-left: 1px solid #A3C0E8;
}
.table td, .table th {
padding: .6em;
border-right: 1px solid #A3C0E8;
border-bottom: 1px solid #A3C0E8;
vertical-
浏览 0提问于2011-08-05得票数 9
回答已采纳
4回答
我正在使用一个母版页，我有一个表，我想在表格周围显示一个边框，这样它就可以在表格中的每个单元格周围显示。下面是我试图设置边界的代码：
<table class="mainTable" style="border-color:#DDDDDD;">
<tr>
<td class="masterBannerTop" colspan="6" >
<a href="Default.aspx"><img style="
浏览 4提问于2013-09-24得票数 0
回答已采纳
是否可以为所选表格标题下的表格单元格更改应用css？我不关心它是如何被选中的，我只想用css将一些东西应用到那些表格标题被选中的单元格上，比如斜体和下划线。
<table>
<tr>
<th>col1</th>
<th class="selected">col2</th>
</tr>
<tr>
<td>cell1a</td>
<td>cell2b</td>
</tr>
<tr>
浏览 1提问于2014-04-25得票数 1
1回答
当我的网格视图中有一个展开表格以显示嵌套网格视图的Link按钮时，我将丢失从该函数中获得的所有行颜色。我需要的是一种在点击链接按钮时调用函数的方法。
<script type="text/javascript">
$(document).ready(function () {
$("#<%=GridView1.UniqueID%> tr").each(function () {
var status = $(this).children('td:eq
浏览 1提问于2011-01-20得票数 0
3回答
我经常被CSS覆盖规则弄糊涂:一般来说，我意识到更具体的样式表会覆盖不太具体的样式表，而这种特异性是由指定了多少选择器来决定的。还有!important关键字，它也起着一定的作用。
这里有一个简单的例子:我有一个包含两个单元格的表格。表格本身有一个适用于表格中所有单元格的CSS规则。然而，第二个表单元格有它自己的规则，它应该覆盖一般的表格规则：
<html>
<head>
<style type = "text/css">
table.rule1 tr td {
background-color: #ff0000;
}
td.ru
浏览 62提问于2012-06-29得票数 57
回答已采纳
1回答
每当我试图让我的表格滚动溢出和显示块css。表格宽度总是变小，并留下空白空间。为什么会发生这种情况？我在这里做错了什么。我的表在一个div中。
HTML：
<div id="window">
<div id="tableContainer">
<table>
<thead>
<tr>
<td>Column 1</td>
&
浏览 0提问于2015-06-15得票数 0
1回答
我有一个表格单元格，我希望其中的一些内容显示在单元格的顶部和其他内容的底部。
我正在尝试使用cell中的div来完成此任务，但它不起作用。
使用CSS来完成这个有限的任务也是可以的，但是，在css中重做整个页面并不是一个选择，因为整个网站都是在表格中布局的。
这里的jsfiddle说明了这个问题：
下面是与jsfiddle相同的代码：
<table border="1">
<tr>
<td rowspan="2" valign="top">cell 1<div style=
浏览 0提问于2012-09-08得票数 0
我想要在列表视图中显示带有边框的表格。我在列表视图中使用html表格，但我无法获取边框线(行和列)(尝试border="2").I也尝试使用css获取边框，但我无法获取表格线。
代码：
<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1">
<LayoutTemplate>
<table id="Table1" border="2" runa
浏览 0提问于2012-05-23得票数 0
回答已采纳
5回答
我有一个名为tablecellmembers.css的css文件( .aspx文件中还没有链接吗？)其中包括：
td {
border-collapse: collapse;
border-top: thick;
border-top-width: 5px;
border-top-color: blue;
}
然后，我在.cs文件中动态创建了一个表格、表格行和表格单元格。
TableCell tc = new TableCell();
如何将css文件应用于表格单元格？
我试过了：
tc.CssClass = "td";
tc.Attribute
浏览 0提问于2013-01-29得票数 0
回答已采纳
考虑以下简单的html页面标记：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
浏览 2提问于2009-09-19得票数 0
回答已采纳
3回答
我在表格单元格中有一个表格。子表高度必须与父单元格高度对齐。我将height="100%"设置为子表，但它不起作用。
CSS
.outer{
border:1px solid black;
border-collapse:collapse;
}
.inner{
border:1px solid red;
height:100%;
width:auto;
}
HTML
<table class="outer">
<tr>
<td>
<!-- Content Here -->
浏览 2提问于2013-02-27得票数 2
我正在设置表格的格式，其中一些表格的右栏中有我想要右对齐的超链接。有没有办法从css推断出列中有链接，并将整个列右对齐，包括标题？
或者，有没有一种方法可以仅将类应用于标题，并使其影响其下所有列的对齐方式？
我认识到我可以将样式应用于单独的th和td元素，但我希望使用更优雅的样式。
编辑:只有一个表。
<table>
<thead>
<tr>
<th>Some Column</th>
<th>actions</th>
</tr>
</thead&
浏览 0提问于2014-04-10得票数 0
1回答
单行和垂直对齐的文本和表
、、、
我试图在另一个表格单元格中包含文本和表格，并将它们放在一行上垂直对齐。
基本上这个代码：
<table>
<tr>
<td>
text:
<table>
<tr>
<td>a</td>
<td>b</td>
</tr>
</table>
</td>
</tr>
</table>
为了产生这一结果：
浏览 4提问于2017-11-16得票数 0
回答已采纳
1回答
我使用Antenna House格式化程序工具(v6.3)来用附加的css3 (分页媒体模块)从html文档中呈现css3文件。
我想把表格中的文字逆时针旋转90°。应自动设置旋转表格单元格的高度。
HTML代码
<td class="center middle verticaltext" rowspan="1" colspan="1">
<div class="vtext">
<b>Number of joints /</b>
<p>
浏览 1提问于2017-05-19得票数 1
3回答
我想要使一个表格单元格看起来是可缩放的，也就是说，这个表格单元格会从它的表中分离出来，自由浮动。
我现在面临的问题是，当一行中没有其他单元格时，当它的单个单元格浮动时，整个行就会崩溃。
见守则：
<body style="position: relative;">
<script src="http://cdn.jsdelivr.net/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<style type="
浏览 9提问于2014-07-18得票数 0
回答已采纳
3回答
我有一些css用来调整表格中的内容。
这就是它：
.editor td:first-child
{
width: 150px;
}
.editor td:last-child input,
.editor td:last-child textarea
{
width: 500px;
padding: 3px 5px 5px 5px;
border: 1px solid #CCC;
}
它可以在火狐、Safari和Chrome上运行，但(目前)不能在IE8上运行。
我知道问题来自第一个孩子和最后一个孩子，但我不是专家。
你知道我怎么才能修复它吗？
PS:我在
浏览 0提问于2012-01-13得票数 60
回答已采纳
2回答
IE不允许设置车身高度
、、、、
我有以下内容，这是一个主要的css滚动表格。在Chrome和Firefox中效果很好，但它不会在IE9中设置tbody元素的高度。你有什么想法？
function scrollify(table,height){
table.find('thead').addClass('fixed_header');
table.find('tbody').addClass('scroll_content').height(height);
$('<div/>').addClass('t
浏览 1提问于2012-11-30得票数 0
回答已采纳
我正在创建一个html模板，它包装了一个用于布局表单的表格。我可以完全控制包装表格的html，而不是表格本身。在发送给客户端之前，表被注入到我的模板中。我无法控制这一切。我唯一能控制的就是包装表和任何CSS的html。
该表是一个包含两列的表，如下所示：
<table>
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
<tr>
<td>this is column 1</td>
<
浏览 0提问于2012-09-10得票数 9
回答已采纳
10回答
表中特定行的边框？
、、、
我正在尝试设计一些HTML/CSS，可以在表格中的特定行周围放置边框。是的，我知道我真的不应该使用表格进行布局，但我还不知道足够多的CSS来完全取代它。
不管怎样，我有一个包含多行和多列的表，其中一些行和列合并了rowspan和colspan，我想在表的某些部分周围加上一个简单的边框。目前，我使用4个独立的CSS类(顶部、底部、左侧、右侧)，分别附加到表格顶部、底部、左侧和右侧的<td>单元格。
.top {
border-top: thin solid;
border-color: black;
}
.bottom {
border-bottom: thin s
浏览 110提问于2009-03-22得票数 124
回答已采纳
我已经将一些具有自己的CSS的东西嵌入到一个表中。
<table width="250px">
<tr>
<td width="10%"></td>
<td width="80%">
<!-- embedded content here -->
</td>
<td width="10%"></td>
</tr>
</table>
嵌入的对象有自己的CSS，宽度为300px。
如你所见，我的表格只有25
浏览 1提问于2014-05-30得票数 0
我有表格，需要不同风格的大小显示器。我不想用媒体查询为不同的CSS设置断点，因为不同的表需要断点在不同的宽度，这取决于表的内容。
我决定使用javascript来检测表何时比它所包含的div更宽，并在此时添加一个类，以便应用小显示CSS。在下面的代码中，我使用了窗口大小调整事件作为演示目的，在我的网站上，我将使用文档就绪和窗口大小更改事件。
这工作得很好，但是对于小型设备，屏幕上会有一个闪光灯，因为在窗口加载时，表格会太大，这时javascript将触发，小CSS将‘修复’布局。有没有办法避免这种闪光，并有一个移动优先的方法？
我正在制作一个移动网站(仅适用于手机和平板电脑)，90%的流量是较
浏览 0提问于2014-06-02得票数 0
2回答
我的所有表元素(<table>、<tr>等)都有CSS项。但是我有一个表，我不希望CSS应用于它。
让这个表格显示为一个原始的HTML表格而不应用我的CSS格式的最快方法是什么？
另外，在我的CSS文件中，我有以下内容：
table td
{
padding: 5px;
border: solid 1px #e8eef4;
}
table th
{
padding: 6px 5px;
text-align: left;
background-color: #FFFFFF;
border: solid 1px #e
浏览 0提问于2009-07-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
