中线对齐示例

• father::中线对齐布局

概述

• 左右列对齐、强调分隔线：右侧边框加粗、左右内边距区分。
• 相关：间隔样式

代码

{data.map((item, i) => (
  <tr key={i} className="border-b last:border-b-0">
    <td className="bg-blue-50 text-right pr-4 py-3 border-r-2 border-red-400 font-medium text-gray-700">
      {item.left}
    </td>
    <td className="bg-green-50 text-left pl-4 py-3 text-gray-600">
      {item.right}
    </td>
  </tr>
))}