0

我需要进行如下设计：

   Total Maximum Daily Load, EPA
  • 模拟污染物的归宿和运输
  • 总最大每日负载 (TMDL) 开发

如您所见，“总最大每日负载”需要与要点“建模..”和“总..”对齐。

所需的对齐显示在 Internet Explorer 和 Firefox 中，但在 chrome 中显示如下

 Total Maximum Daily Load, EPA
  • 模拟污染物的归宿和运输
  • 总最大每日负载 (TMDL) 开发

“总最大每日负载”与项目符号的“建模”和“总”不一致，为什么它在一个浏览器中工作而不在另一个浏览器中工作？我怎样才能使这个缩进浏览器独立。

4

1 回答 1

0

最简单的解决方案可能是使第一个文本成为列表中的一项，但没有项目符号：

<ul>
<li style="list-style: none">Total Maximum Daily Load, EPA
<li>Modeling the Fate and Transport of Pollutants
<li>Total Maximum Daily Load (TMDL) Development
</ul>

另一种解决方案是从uland中删除所有边距和填充li（这是导致问题的浏览器差异），然后为ul第一个文本设置左边距和相同的左边距。请注意，这会从 中删除默认垂直边距ul，因此除了调整左边距值之外，您可能希望添加它们。（1.3em大约值可能是最小的安全值，在列表项目符号适合的意义上是安全的。）

<style>
ul, li {
  margin: 0;
  padding: 0;
}
ul, .list-header {
  margin-left: 1.3em;
}
</style>
<div class="list-header">Total Maximum Daily Load, EPA</div>
<ul>
<li>Modeling the Fate and Transport of Pollutants
<li>Total Maximum Daily Load (TMDL) Development
</ul>
于 2013-04-28T06:17:19.960 回答