Question

HTML

<ul style="padding-left:0;">
     <li>A journey in to  the digital</li>
     <li>Global thought leaders</li>
</ul>

HTML浏览器支持这个ul padding-left。所以在浏览器中没有问题。但在Gmail中，填充左边的样式不起作用。如何解决这个问题。

Answer 1

尝试Float：left或给予margin-right：％或padding-right：％;

Answer 2

使用伪元素将每个项目符号包裹在表格单元格中。

ul{
  display: table;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

li{
  display: table-row;
}

Answer 3

<head>
<style type="text/css">
ul.c1 {padding-left:0;}
</style>
</head>
<body>
<ul class="c1">
<li>A journey in to the digital</li>
<li>Global thought leaders</li>
</ul>
</body>

如何在edm中保留对齐ul？

3 个答案: