CSS表格在表格上断开时的长文本对齐

CSS表格在表格上断开时的长文本对齐,css,freemarker,Css,Freemarker,我希望将freemarker xml中我的表的标题文本集中化,但实际情况如下: 我的html和CSS如下所示: <table class="itemtable" cellspacing="0"> <thead> <tr> <th class='head' align="center" colspan="1"><span class='title_

我希望将freemarker xml中我的表的标题文本集中化,但实际情况如下:

我的html和CSS如下所示:

<table class="itemtable" cellspacing="0">
    <thead>
                    <tr>
                        <th class='head' align="center" colspan="1"><span class='title_br'>Unbilled Sales Order</span></th>
                        <th class='head' align="center" colspan="1"><span class='title_br'>Job to Date</span></th>
                        <th class='head' align="center" colspan="1"><span class='title_br'>Open PO's</span></th>
                        <th class='head' align="center" colspan="1"><span class='title_br'>Remaining Bdgt. Est. vs. JTD + POs</span></th>
                    </tr>
                </thead>
</table>




 table {  
                    font-family: sans-serif;
                    font-size: 7pt;
                    margin-top: 10px;
                    table-layout: fixed;
                    width: 100%;
                }

table.itemtable td {
                font-size: 7px;
                width: 8%;
            }
            table.itemtable th.head {
                font-size: 6pt;
                border-style: solid;
                border-color: black;
                border-collapse:collapse;
                border: 1px solid black;
                border-style: solid double solid double ;
            }
span.title_br  {
                font-family: sans-serif;
                font-size: 7pt;
                font-weight: bold;
                text-align: center;
                letter-spacing: 1px;
            }

未开票销售订单
迄今为止的工作
开宝
剩余的Bdgt。美国东部时间。与JTD+POs相比
表{
字体系列:无衬线;
字号:7pt;
边缘顶部:10px;
表布局:固定;
宽度:100%;
}
table.itemtable td{
字体大小:7px;
宽度:8%;
}
table.itemtable th.head{
字号:6pt;
边框样式:实心;
边框颜色:黑色;
边界塌陷:塌陷;
边框:1px纯黑;
边框样式:实心双格实心双格;
}
span.title\u br{
字体系列:无衬线;
字号:7pt;
字体大小:粗体;
文本对齐:居中;
字母间距:1px;
}

您的图像看起来有一个
文本对齐:justify设置代码中的某个位置。它不在你发布的代码中,但从图像判断,它一定在某个地方


搜索“justify”,如果找到,则删除该规则。可能是在更高级别的模板中或类似的地方…

检查了Firefox 43.0.1中的代码,我看到的是-它完全集中在您想要的地方,所以可能是其他部分出错了?@kay27在html中这很好。但当它在freemarker中时,这就是所发生的事情,没有理由。在html中,这很好。但当它出现在freemarker中时,就是这样