如何让td占用50%的tr
要让td占用50%的tr，可以使用CSS中的属性来实现。具体的做法是通过设置td元素的宽度属性来控制其占据tr的百分比。
以下是一种实现方式：
- 在HTML中，给td元素添加一个class或者id属性，以便在CSS中进行选择器选择。
<tr>
<td class="half-width">内容</td>
<td>其他内容</td>
</tr>- 在CSS中，使用选择器选中对应的td元素，并设置其宽度为50%。
.half-width {
width: 50%;
}这样，被选中的td元素就会占据tr的50%宽度。
关于CSS的更多知识和用法，可以参考腾讯云的CSS产品文档： CSS产品文档
请注意，以上答案仅供参考，具体实现方式可能会因具体情况而有所不同。
相关·内容
<table border="1" width="100%">
<tr height="100">
<td>DAB1</td>
<td>DAB2</td>
<td>DAB3</td>
<td>DAB4</td>
<td>DAB5</td>
</tr>
<tr height=
浏览 2提问于2019-11-08得票数 0
1回答
假设我有这样的东西：
<table>
<tr>
<td>
<span class="text_1">Text 1</span>
<span class="text_2">Text 2</span>
</td>
</tr>
</table>
如何让td中的每个span占用td宽度的50%，并将跨度文本居中对齐？我还希望文本出现在我的td中的同一行上。我在跨
浏览 0提问于2013-07-04得票数 0
回答已采纳
1回答
我目前正在编码一封电子邮件，不能让我的colspan工作，我只是不能理解他们是如何工作的，所以如果有人能解释你如何在不同大小的多列多行，那么我将不胜感激！
这是代码Iv一直在重新设置
<table width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="185" height="50" bgcolor="grey">Title 1</
浏览 1提问于2011-03-31得票数 0
回答已采纳
我一直在想，在HTML中，表格单元格中的百分比宽度是如何工作的。
案例1:没有指定表的宽度，没有为单行和列提供完整的空间
<table>
<tr>
<td width="25%">mango</td>
<td width="25%"">apple</td>
</tr>
</table>
案例2:没有指定表的宽度，单行和列被赋予完整的空间
<table>
<tr>
&
浏览 4提问于2016-08-07得票数 0
1回答
我有一个jsp页面，其中有很多隐藏字段，根据条件显示。下面是jsp页面的代码。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>E-Form </title>
<script type="text/javascript">
</script>
<SCRIPT language="JavaScript" src="/
浏览 1提问于2013-08-21得票数 0
回答已采纳
3回答
下面是代码:我的问题是成绩列，我希望它是两列，但我不知道如何才能帮助我。
<html>
<body>
<center>
<table border=2 width=50% cellspacing=5 cellpadding=8 bgcolor=yellow cols=2>
<tr>
<td rowspan=2>Name</td>
<td>ASP</td>
</tr>
<tr>
<td>Exer</td>
<td>Quiz<
浏览 3提问于2010-06-30得票数 0
2回答
下面是我的代码：
<form name="htmlform" method="post" action="html_form_send.php">
<div id="table">
<table width="400px" style="margin-top: 50px; margin-left: 20px; color: #FFF">
</tr>
<tr>
<td valign="top">
<label
浏览 0提问于2013-08-14得票数 4
回答已采纳
1回答
我有个简单的密码。
<div class="rating" >
<table>
<tr>
<th> Award </th>
<th> Winner </th>
<th> Runner-up </th>
</tr>
<tr>
<td> Starburst Award </td>
<td> #winner </td>
<td> #r
浏览 0提问于2014-04-13得票数 0
回答已采纳
3回答
如何固定底部立柱？宽度50%不是很好用。我想做2行和3行底部相同的宽度。
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<td style="width:50%;">Cell A</td>
<td style="w
浏览 2提问于2018-10-18得票数 2
在IE和Firefox中呈现相同的html会得到不同的结果，因为在IE中，从布局的角度来看，隐藏的复选框不会被忽略。此图像显示IE中有一个空格，其中隐藏复选框位于其中，但在Firefox中，隐藏复选框中没有空格：
<html><head>
<style type="text/css">
<!--
#checkboxhide { position: relative; visibility: hidden; font-size: 8.5pt; font-weight: font-family: verdana;}
//-->
浏览 7提问于2012-06-28得票数 0
回答已采纳
当单击行时，我想在行下面添加一些非常大的文本，这样它的宽度将是整个行宽。现在它只在行的第一列下面。
HTML：
<table id="accordion" class="table">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
浏览 3提问于2014-10-24得票数 0
回答已采纳
1回答
我正在尝试使用bootstrap并排打印表，如下所示
但是当我尝试打印预览时，我得到了这个
我的代码如下所示。我尝试了所有可能的解决方案，但我不知道为什么无法打印我看到的页面。请指导我解决这个问题。
<style>
.print-wrapper{padding-top:25px;width:768px;margin:0 auto;}.
print .active{font-weight:bold;height:50px;background-color:lightgray;}
</style>
<div class="container"&
浏览 0提问于2016-09-30得票数 0
4回答
我正在尝试用不同数量的列对齐不同的表格，所以前两列是对齐的，其余的是独立对齐的，但使用%是非常困难的，当调整窗口大小时，它会丢失对齐。
这就是为什么我试图在td，ex上将混合与%和px对齐。
<table>
<tr>
<td width="100px"></td>
<td width="100px"></td>
<td width="50%"></td>
<td width="20%">&
浏览 0提问于2010-01-16得票数 3
回答已采纳
1回答
我在一个网格中有两个表，第二个表比第一个少行。我想知道怎么能让第二个看起来像第一个，而不让他把整个高度作为第二个，因为它们不是相同的行？
.coords {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2px;
}
<div class="coords">
<table border="1">
<tbody>
<tr>
<th>X</th>
浏览 3提问于2022-06-03得票数 0
回答已采纳
我有这样的桌子
<table>
<thead>
<tr>
<td> no. </td>
<td> Item </td>
<td> value </td>
</tr>
</thead>
<tbody>
<tr>
<td> 1 </td>
<td> A </td>
<td> 50 </td>
</tr>
浏览 8提问于2016-12-22得票数 0
回答已采纳
4回答
html浮动底部
、、
我想让文本浮动到现有标签的右下角。
我仍然在使用旧的校表(编辑现有代码)。我的代码是：
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="50%"></td>
<td width="50%" valign="top">
<table border="0"
浏览 0提问于2011-12-08得票数 1
4回答
我对HTML不是很熟悉，所以如果这是很简单的东西，请原谅，但是我不能通过googling来理解它。无论如何，我遇到的问题可以用下面的例子来说明：
<html>
<body>
<table border="1">
<tr>
<td>lots of words blah blah</td>
</tr>
<tr>
<td>word</td>
浏览 0提问于2011-07-07得票数 5
我想让桌子看起来像
但是当我试图对它进行编码时，我似乎总是让它看起来像
<html>
<head>
</head>
<body>
<table border="1" width="50%" height="50%" style="border-collapse: collapse;">
<tr>
浏览 6提问于2022-09-06得票数 0
回答已采纳
<style>
table.greyGridTable {
border: 2px solid #2196F3;
width: 50%;
text-align: center;
border-collapse: collapse;
font-family: 'Times New Roman', Times, serif, Helvetica, sans-serif;
}
table.greyGridTable td, table.greyGridTable th {
border: 1px solid #FFFFFF;
padding:
浏览 2提问于2020-02-19得票数 1
回答已采纳
1回答
在以下代码中，
I有一个父div (.parent)和三个子div(.child1、.child2、.child2)，它有一个按钮单击显示表的位置。
规定-
.child3.child2应该是水平滚动的
发行-
设置具有绝对位置的溢出-x无法工作。
如何使此表可滚动，并使其与其下面的所有div重叠？
企图-
$('#expand').click(function(){
$('.child2').toggle()
});
.child2{
/* position: absolute;
z-index: 2; */
overflo
浏览 1提问于2020-10-26得票数 1
回答已采纳
我有一个表格，在每一行上都有一个链接，在悬停时应该突出显示( tr bgcolor和link)。我可以用javascript用下面的代码做到这一点：
<style type="text/css">
<!--
.style1 a:link, .style2 a:visited {
color: black;
text-decoration: none;
}
-->
</style>
<table class="style1" width=50%>
<tr onMouseOver="
浏览 0提问于2013-01-11得票数 1
回答已采纳
4回答
我做了一个名叫toolbar的div。另一个名为site的div应该在右边。相反，它在左边。
body {
background-color: #e3cbb7;
}
.container {
display: table;
width: 100%;
}
.toolbar {
display: table-cell;
padding-top: 35px;
width: 200px;
background-color: #444444;
text-align: center;
}
.tools {
display: inline-table;
}
.to
浏览 3提问于2016-03-10得票数 0
回答已采纳
3回答
响应表中的响应第一列
、、、、
六列表的第一列填充了不同长度的内容。我想让它响应只有一行，被溢出隐藏和省略切割，同时保持表仍然响应在移动视口100%宽度。
我的代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
table {
max-width: 100%;
width: 100%;
border-collapse: collapse;
浏览 1提问于2018-08-14得票数 0
回答已采纳
我正试图用HTML/CSS制作一个表格，而且我对单元格的宽度有问题。当我将“宽度: 24%”放在CSS中的“表td”中时，表格单元格将保持我想要的大小。好吧，太好了。但是当我写“宽度: 15%”时，表格中的单元格会增长？当我写“宽度: 8%”时，它占用了页面的所有空间。为什么？
下面是表的HTML代码：
<table border="1">
<caption>RGB colors and their combinations</caption>
<tr>
<td>
浏览 3提问于2019-12-28得票数 1
回答已采纳
1回答
我有一个固定的div，需要内容能够被滚动时，其宽度超过窗口大小。我需要这个带有position: fixed的div，因为它紧挨着一个带有display: none的列，如果我将它浮动或以任何其他方式定位它，它将占用隐藏列的空间。所以问题是我不能让滚动在这个div中工作。这是一个相当大的CSS，所以我会发布我认为相关的内容。
CSS
#main {
background-color: yellow;
height: 100%;
overflow: auto;
position: fixed;
top: 10px;
left: 380px;
}
浏览 1提问于2011-05-24得票数 1
回答已采纳
我有一个DataView，它的html是这样的：
<table>
<thead>
<tr>
<td>Username</td>
<td>First Name</td>
<td>Last Name</td>
</tr>
</thead>
<tbody>
<tr wicket:id="dataView">
<td wi
浏览 0提问于2014-05-21得票数 1
回答已采纳
这是一张简单的桌子。我想让表列旋转。所以我才加了一个课文翻转。它将旋转列数据。但是我想根据列数据宽度(旋转后)更改单元格1，单元格2的宽度。就像下面的图片-
在这里，列数据大小可能会更改。
body{
padding-top: 50px;
}
.text-flip{
transform: rotate(-90deg);
}
<table border="1">
<tbody>
<tr>
<td class="text-flip">Column Data 1</
浏览 0提问于2018-07-12得票数 1
回答已采纳
<?php
for($x=1;$x<=$_GET['numberOffamembers'];$x++){
?>
<table>
<tr>
<td>Family Member:<?=$x?></td>
<td><textarea tabindex="2" id="message" class="input-xxlarge" name="Name:<?=$x?>" rows
浏览 10提问于2022-04-16得票数 0
0回答
我设法让可滚动的表格工作(表格作为一个整体)，但现在我想让它固定大小，只在表格行中滚动。
假设我有一个宽度为100的普通表格。
<table width="100">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<
浏览 7提问于2017-06-09得票数 0
我已经创建了一个HTML，其中我使用了表中的表。
我不明白为什么空白td没有占用空间，而且似乎有一些大小差异，我该如何解决它
<div>
<div style="text-align: left; position: absolute; left: 0;">
Now add the results.
</div>
<br /><br />
<div class="old-space-indent">
<div style="
浏览 3提问于2021-08-27得票数 0
1回答
我把这个东西放在桌子上了。下拉列表是一个长(90个字符)的1项。其他的则要短得多。
这是一个生成的页面，因此将有更多的记录比所列的记录。我能够删除页面底部的空白，但是我在浏览器上丢失了水平滚动。我想在浏览器中滚动以看到表的右侧。
如何删除表下的空白并将水平滚动保留在浏览器上？
如何在浏览器上获得水平滚动，而不是在表上？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
浏览 2提问于2012-09-20得票数 0
我有一个这样的布局...
<div style="width: 99%; border: 1px dotted #0683DA; padding: 8px;">
<h3>Some Header</h3>
<div class="d-dataGridBodyRow" style="padding: 0px">
<table style="vertical-align: top;">
<tr>
浏览 3提问于2012-11-01得票数 0
回答已采纳
1回答
我需要做一个基于表格的布局，并使我的表格宽度为550px。然后我加载了一个原始宽度为550px的图像，但在浏览器上我只有449px。我想在最大宽度上凑合一下。单元格之间也有额外的空格。
<table style="width:550px;margin:0 auto;" cellspacing="0" cellpadding="0" border="0">
<tr style="margin:0; padding:0;">
<td
浏览 1提问于2013-02-13得票数 0
回答已采纳
1回答
我有一张有边框的桌子。现在，边界可以在Brave浏览器上运行。在Chrome和Safari上，边界延伸得太远了。如果我把它变小，边框会在<td>之前结束。有没有办法让它和<td>一样长？抱歉，如果这真的很明显，我是个新手，在网上找不到任何信息。现在我有：
/* not much to show but this is what happens in Chrome/Safari */
table {
display: block;
text-align: center;
font-family: ‘Jost’, sans-serif;
border:
浏览 0提问于2020-05-12得票数 2
3回答
带有纯css的响应表
、、、、
我正在开发一个表，我想使它成为响应的。
我试着让overflow-x: auto;在更小的尺寸上滚动，但是它不能工作。如果屏幕变小，我不想删除一些列。我想保留一切。
这是我的密码：
<div style="overflow-x:auto;">
<table>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Points</th>
<th>Points&l
浏览 18提问于2022-01-29得票数 0
我让这个表格看起来像单元格没有边框，方法是给单元格一个与容器背景颜色相同的边框，并给出一个带有背景rgba的单元格(255,255，.4)；我使用了引导程序3，但没有在标记中添加引导表特定的类。
当我“禁用”某些单元格，将其不透明度更改为0.5时，我意识到边框采用背景色，而不是保留其纯蓝颜色。它的边界从2px实心#38cee9变为2px实心透明。这种情况发生在IE和Firefox上。铬很好用！为什么？
这是我的标记：
<div class="layout-section ng-scope">
<div class="layout-control-con
浏览 3提问于2014-05-29得票数 2
回答已采纳
table,
td,
th {
border: 1px solid;
border-collapse: collapse;
}
table,
th,
td {
width: 100%;
}
<table>
<tr>
<th>First Name</th>
<th>Last Name</th>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
</tr&
浏览 5提问于2021-01-07得票数 1
回答已采纳
我正在使用Twitter-Bootstrap (3.0)为学校设计一个项目网站，我们正在制作一个在线风险克隆，具有独立的转弯，就像与朋友说话一样。我使用一个HTML表格来显示玩家的当前游戏列表，我想让最右边的列与边缘齐平，并且不会有太多额外的空白。
这是我的虚拟表格：
<table class = "table table-hover">
<thead>
<tr>
<th> Game ID </th>
<th> Status </
浏览 1提问于2013-11-23得票数 4
回答已采纳
2回答
晚上好。
我想问，有没有可能用一些透明的颜色和文本覆盖表行？
如下所示：
我从stackoverflow中发现，可以使用css覆盖，但从来没有让它工作。
如果可能的话，也许有人能给我指路。
例如，如何在此处使用透明颜色和文本覆盖中间表格行：
<body>
<table border="1" style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</t
浏览 2提问于2015-11-23得票数 14
我已经创建了一个自定义的HTML电子邮件签名，它在我的Apple Mail客户端中呈现良好
但将其引入PC上的MS Outlook时，会出现意外的换行符和放大的图像。
是什么原因导致线路在Outlook而不是Apple Mail中中断？有没有某种类型的“安全”参数，我可以添加它，使其与两者兼容？我真的是HTML的新手。
<html>
<STYLE>
A {
text-decoration: none;
}
</STYLE>
<body>
<table width="500%" h
浏览 0提问于2019-12-03得票数 0
示例：
<table width="500">
<tr>
<td width="50">1</td>
<td width="100%">2</td>
<td width="100">3</td>
</tr>
</table>
如果我没有弄错，如果一个宽度是一个百分比，它是父元素总宽度的一个百分比，而不是剩余宽度的一个百分点，对吗？
好吧，好吧，那么当
浏览 2提问于2011-03-10得票数 2
1回答
这里有一个代码，它在我的html中打印出表。以下是代码：
CSS:
@media print {
body * {
visibility: hidden;
}
#reportArea, #reportArea * {
visibility: visible;
}
#reportArea {
right:0;
padding:0;
left: 0;
top: 0;
}
}
html：
<button type="submit" class="btn btn-success hidden
浏览 3提问于2015-10-29得票数 0
3回答
下面是我的代码：
<table border="2px solid #FFF" width="100%">
<tr>
<td width="50%"><Center>Username:</Center><br /></td>
<td width="50%"><center>Numebr Of Warnings:</cente
浏览 0提问于2014-04-08得票数 0
我的问题类似于问题，但我不能用div代替带表的colspans。
这似乎是一个问题，只出现在铬，但我需要找到一个解决办法。
我的用例非常类似于下面的一个。注意3.3的顶部边框是如何跨越两列的，这显然是不对的。在我的用例中，用户能够更改合并了哪些单元格，因此我无法设置特定单元格的边框。
如何将单元格的边框设置为仅限于其自己的单元格，而不是与其colspan大于1的公用单元共享？
HTML
<div style="padding: 10px">
<table>
<tr>
<td>1.1</td>
浏览 6提问于2017-06-07得票数 0
回答已采纳
2回答
我有一个表格对齐，我在做我想做的事情时遇到了麻烦。下面是我所拥有的，但我想让1的单元格拥抱整个表格的顶部，而我想让2的单元格拥抱表格的底部基线。单元格3可以具有可变的高度。有人知道这是怎么回事吗？也许我遗漏了一些简单的东西，但我已经弄明白了。
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
<table cellpadding="
浏览 0提问于2013-05-23得票数 0
1回答
你好，我有一个div，在div里面有一个满是输入的表格，其中一些是禁用的，一些没有...当鼠标停留在div上时，div会触发一个js函数，但当我浏览一个被禁用的输入时，它的行为就像我不再在div中一样。
表在这里实际上很重要...(不是在这个小示例中，而是在完整的代码中)
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="JavaScript.js" type=
浏览 0提问于2017-10-27得票数 0
5回答
我有一个html文件，如下所示
<!DOCTYPE html>
<html>
<head>
<title>Postgraduate students</title>
</head>
<body align = "center">
<h2>Postgraduate Students</h2>
<br></br>
<table align = "center" border = "5" widt
浏览 1提问于2016-10-19得票数 0
我有这个table
<table>
<tr>
<td>
<input type="text" class="half"/>
<input type="text" class="half" />
</td>
<td>
<input type="text"/>
</td>
<td>
<input type
浏览 6提问于2014-07-25得票数 0
2回答
考虑到下面的HTML结构，如何使td.expand填充#outer的剩余垂直空间？我尝试过各种解决方案(包括Flexbox)，但对我来说没有什么效果。不幸的是，我被困在这两个表中，所以假设HTML结构不能更改。另外，假设#outer位于可以调整大小的模态内，因此其高度是动态的(即，当用户调整模态大小时，#outer的高度会发生变化，td.expand应该不断地填充垂直空间，这样页眉和页脚将分别位于#outer的顶部和底部。
#outer {
height: 400px; /* dynamic */
background: skyblue;
}
.fixed {
height:
浏览 1提问于2020-08-02得票数 1
回答已采纳
2回答
我正在创建一个非常复杂的表格，我想知道如何在不影响列中其他单元格的情况下更改单个表格单元格的宽度。
<table border="1" class="table table-bordered">
<tr>
<td width="25%"><b>SURNAME</b></td>
<td width="25%"><b>First Names</b></td>
&
浏览 2提问于2018-04-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
