Html Chrome表列表呈现错误
我们在Google Chrome的表格单元格中遇到了一个无序列表的布局问题。Firefox、Safari或Internet Explorer中不会出现此问题 无序列表具有应用于左边距和文本缩进的样式。与每个列表项关联的跨距被设置为“nowrap”表示空白 当列表项文本范围足够宽，可以到达单元格的右边缘时，它可能会向下移位，文本将与单元格边框重叠。在Chrome中更改缩放设置时，此问题最容易重复，但在首次呈现页面或更改窗口大小时，也可能发生不可预测的问题 下面显示了一个链接，其中包含再现问题的HTML： 以下是问题的图像： 下面是重现此问题的示例html页面：Html Chrome表列表呈现错误,html,google-chrome,html-lists,html-table,Html,Google Chrome,Html Lists,Html Table,我们在Google Chrome的表格单元格中遇到了一个无序列表的布局问题。Firefox、Safari或Internet Explorer中不会出现此问题 无序列表具有应用于左边距和文本缩进的样式。与每个列表项关联的跨距被设置为“nowrap”表示空白 当列表项文本范围足够宽，可以到达单元格的右边缘时，它可能会向下移位，文本将与单元格边框重叠。在Chrome中更改缩放设置时，此问题最容易重复，但在首次呈现页面或更改窗口大小时，也可能发生不可预测的问题 下面显示了一个链接，其中包含再现问题的HT
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table border="1">
<tr>
<td>Column text to left</td>
<td align="left">
<ul style="list-style:disc inside none; margin-left: 2.0em; text-indent: -1.5em;">
<li><span style="white-space: nowrap">Example text that fits</span></li>
<li><span style="white-space: nowrap">Example text that doesn't fit</span></li>
</ul>
</td>
<td>Column text to right</td>
</tr>
</table>
</body>
</html>
左侧的列文本
- 适合的示例文本
- 不适合的示例文本
右边的列文本