HTML/CSS/Javascript-对齐表格中的文本

我正在尝试对齐表格中的文本。目前看起来是这样的：

我想在中间对齐瓷砖（粗体）。另外，我试图得到右边的值，移动到左边

目前我有：

Javascript:

var table = $('<table/>',
    {
        id: 'table',
        "class":'tables'

    });

// ************************ Row 1 ************************************
row1 = $('<tr></tr>');
var head = $('<th></th>').addClass('dealHead').text(value.dealTitle);
row1.append(head);
table.append(row1);
// ********************************************************************

// ************************ Row 2 ************************************
row2 = $('<tr></tr>');
var col1 = $('<td></td>').addClass('name').text("Name: ");
var col2 = $('<td></td>').addClass('nameValue').text(value.name);

row2.append(col1);
row2.append(col2);                  
table.append(row2);
// ********************************************************************

// ************************ Row 3 ************************************
row3 = $('<tr></tr>');
col1 = $('<td></td>').addClass('address').text("Address: ");
col2 = $('<td></td>').addClass('addressValue').text(value.address);

row3.append(col1);
row3.append(col2);                  
table.append(row3);

// ********************************************************************

table.appendTo('body')

HTML

几乎是一个空的

---

有人知道我在这里做错了什么吗？

为了使标题居中，您添加了colspan=2，这样可以工作，对齐td，因为您有一个类，所以添加文本向左对齐，如下所示

row1 = $('<tr></tr>');
var head = $('<th colspan="2"></th>').addClass('dealHead').text(value.dealTitle);

示例HTML

<table class="test">
<tr>
<th colspan="2">Title</th>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
</tr>
</table>

标题
数据1
数据2

CSS

表格{width=“400”…

应该是

.tables { width: 400px; ...

为了使两个单元格具有相同的功能：

.tables td { width: 50%; }

Javascript

var head=$（''）.addClass（'dealHead'）.text（value.dealTitle）；

这只是一个单元格，将其设置为两个：

var head = $('<th colspan="2"></th>').addClass('dealHead').text(value.dealTitle);

var head=$（''）.addClass（'dealHead'）.text（value.dealTitle）；

---

如果这是纯html，我可以将标题

设置为

colspan=2

。 同样地，做你的标题

var head = $('<th colspan="2"></th>').addClass('dealHead').text(value.dealTitle);

var head=$（''）.addClass（'dealHead'）.text（value.dealTitle）；

---

希望这会有所帮助。

为了使页眉居中，您添加了colspan=2，这是最好的方法，而且想不出其他方法。谢谢！还利用了

width

属性。

var head = $('<th colspan="2"></th>').addClass('dealHead').text(value.dealTitle);

var head = $('<th colspan="2"></th>').addClass('dealHead').text(value.dealTitle);