HTML ：如果单元格不适合，如何强制用白色 space 分隔的单词换行？

Question

我正在 Odoo Qweb 中做一些动态 table。
我使 table 具有 table-layout: fixed;边框折叠：折叠和宽度：100%；
我想知道为什么“4 Colin Desmarets”不像“3 Colin Company”那样坏掉？
我尝试了很多可用的 css 样式，但无法以 pdf 和 html 格式获得我想要的结果。

这是我的css :

.table-main-report-dn {
width: 100%;
border-collapse: collapse;
table-layout: fixed;

tr, td {
    border: 1px solid black;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

td {
    padding: 4px;
}

td.name {
    width: 17%;
}

td.name-intra {
    width: 35%;
}

td.company {
    width: 33%;
}

td.birthday {
    height: 20%;
}

td.title {
    height: 44px;
    background-color: #EDEEE1;
}

td.text-title {
    vertical-align: baseline;
    text-align: center;
}

tr.main {
    td {
        height: 65px;
    }
}

td.main-info {
    height: 150px !important;
}

}

这是我的 xml 代码：

<tr t-foreach="o.participant_ids" t-as="participant" class="main">
                        <td>
                            <b><t t-esc="count"/>&#160;<t t-esc="participant.lastname"/>&#160;<t t-esc="participant.firstname"/>
                            </b>
                        </td>
                        <td>
                            <t t-esc="participant.parent_id.name"/>
                        </td>
                        <td>
                            <t t-if="participant.birth" t-esc="participant.birth.strftime('%d/%m/%Y')"/>
                        </td>
                        <t t-foreach="range(o.session_id.seance_count)" t-as="d">
                            <td></td>
                        </t>
                        <t t-set="count" t-value="count+1"/>
                    </tr>

你能帮帮我吗？

Answer 1

如何避免不间断空格 ( )？

<t t-esc="count + ' ' + participant.lastname + ' ' + participant.firstname"/>

HTML ：如果单元格不适合，如何强制用白色 space 分隔的单词换行？

HTML : How to force words separte with white space to break line if it's not fit in the cell?

html

css

odoo

qweb