Question

在我的网页中，td不是单行的 XYZ的每周报告分为两行，我需要一行为什么标签内容会在下一行出现？

O / P 每周报告测试项目

desired o/p

Weekly Report for <LabelData>


 <td align="center" style="width: 100%; color: black; font-size: 12pt; font-`enter code here`family: Trebuchet MS;
                font-style: italic; background: #E4AFC1; height: 5px;white-space:nowrap">
                <b>Weekly Report for  <asp:Label ID="lblPro" runat="server"></asp:Label></b>
            </td>

Answer 1

使用white-space: nowrap

<td style="white-space: nowrap; width: 100%; color: black; font-size: 12pt; font-family: Trebuchet MS; font-style: italic; background: #E4AFC1; height: 50px;">
   <b>Weekly Report for  <asp:Label ID="lblPro" runat="server"></asp:Label></b>
</td>

Answer 2

尝试

td{white-space: nowrap}

看看这是否是你想要的

Answer 3

你的桌子必须有回应。如果将td放在没有响应的表中，则td宽度会尝试在固定的最大表宽度内扩展100％。请参阅以下示例：

错误的方式

<table width="80px">
     <td width="100%">Weekly Report for Testing project</td> 
</table>

正确的方式

<table width="100%">
     <td width="30%">collumn 1</td>
     <td width="40%">collumn 2</td>
     <td width="30%">collumn 3</td> 
</table>

td数据不是单行的

3 个答案: