如何让d3树形图单元格文本换行而不使其他单元格溢出

// 设置单元格宽度和高度
const cellWidth = 100;
const cellHeight = 50;

// 创建树形图并设置单元格文本
const tree = d3.tree()
  .nodeSize([cellWidth, cellHeight])
  .separation((a, b) => a.parent === b.parent ? 1 : 2);

// ...省略了树形图的创建和数据绑定过程...

// 在单元格中添加文本并设置样式
const cells = nodesEnter.append("rect")
  .attr("width", cellWidth)
  .attr("height", cellHeight);

const text = nodesEnter.append("text")
  .text((d) => d.data.name)
  .attr("x", cellWidth / 2)
  .attr("y", cellHeight / 2)
  .attr("text-anchor", "middle")
  .attr("dominant-baseline", "middle")
  .style("word-wrap", "break-word")
  .style("white-space", "pre-wrap");

// ...省略了其他代码...