如何避免此表中的新行td

Question

从下图中我想将Hallticket显示在一行中。第一个是直接来自数据库。第二个是从javascript追加。如何在一行中显示所有数据？

<td><b>Hallticket</b> : S24J85 </td>
<td><b>Hallticket </b>: S<p class="hallticketNumber"></p>J'+jobID+' </td>

$(this).closest('tr').find(".hallticketNumber").text(ui.item.student_pid);

Answer 1

将p元素更改为span以防止换行：

<td><b>Hallticket</b> : S24J85 </td>
<td><b>Hallticket</b> : S<span class="hallticketNumber"></span>J' + jobID + ' </td>

或者，在CSS中将display的{​​{1}}设置为p：

inline

Answer 2

使用>>> pprint.pprint(d, width=1000) {'Patch(0,0)': [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99], 'Patch(0,2)': [0, 1, 2, 3, 4, 6, 7, 10, 11, 13, 15, 16, 17, 18, 19, 20, 22, 23, 25, 26, 28, 29, 30, 32, 34, 36, 37, 38, 40, 43, 44, 45, 46, 47, 49, 50, 51, 52, 53, 54, 56, 58, 59, 60, 61, 62, 63, 64, 66, 70, 71, 74, 75, 76, 77, 78, 80, 81, 83, 85, 90, 91, 92, 93, 94, 96, 98, 99], 'Patch(0,6)': [1, 11, 17, 19, 20, 23, 28, 30, 44, 45, 49, 56, 60, 63, 75, 81, 91, 99], 'Patch(0,8)': [28, 56, 75], 'Patch(2,8)': [28, 56, 75], 'Patch(4,0)': [2, 5, 6, 8, 19, 22, 23, 27, 31, 34, 35, 36, 41, 45, 51, 52, 53, 55, 56, 59, 60, 61, 62, 64, 66, 67, 68, 70, 73, 75, 76, 77, 79, 85, 87, 91, 94, 96], 'Patch(4,6)': [19, 23, 45, 56, 60, 75, 91], 'Patch(4,8)': [56, 75], 'Patch(8,0)': [2, 22, 23, 27, 34, 52, 55, 60, 85]} 代替span代码

应该是这样的

p

Answer 3

所有HTML元素可以有两种类型：

1. 内联元素（浏览器在屏幕上从左到右绘制它们）。
2. 块元素（浏览器从上到下绘制它们 - 它们占用完整的可用宽度）。

为什么要换行？

在以下代码中：

<td><b>Hallticket </b>: S<p class="hallticketNumber"></p>J'+jobID+' </td>

<p>是块级元素。块级元素始终从新行开始。而且他们之后的任何内容也会进入新的界限。

解决方案是什么？

解决此问题的两种可能方法是：

1. 使用内联元素，例如<span>，<em>，<strong>等。

2. 使用样式并使用display css属性使块级元素的行为类似于内联元素。

   .hallticketNumber {display: inline; margin: 0;}
   

  

注意：由于<p>元素在所有浏览器中都有一些默认边距，所以它   有必要重置这个。