如何设置默认值以对齐 CSS 中的内容？

在 CSS 中，我们经常要设置一些具有默认值的属性，例如行高、字体大小、颜色等。这些属性在没有设置时会返回默认值，而在设置时则会按照我们所指定的值进行渲染。

在实际开发中，我们可能会遇到一些需要对齐内容的情况，例如，我们希望列表项之间的文字左侧对齐。这时，我们可以通过设置默认值来实现效果。

以下是一个列表的 HTML 代码：

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

我们希望让每个列表项的文字左侧对齐，可以使用以下 CSS 代码：

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

li {
  padding-left: 10px;
  text-indent: -10px;
}

在这个示例中，我们通过设置 li 元素的 padding-left 属性来调整文字的位置，然后通过设置 text-indent 属性来消除 padding 对布局产生的影响。这样，我们就可以很容易地实现列表项文字左侧对齐的效果。

需要注意的是，在设置默认值时，我们应该要考虑到浏览器的差异性，尤其是在移动设备中，一些浏览器可能会对默认值进行一些微调。因此，我们需要进行一些兼容性处理，以确保我们的页面在各种设备上都能够正常显示。

总的来说，在 CSS 中设置默认值是一种非常常见的技巧，能够帮助我们更好地控制页面的布局和样式。需要注意的是，我们应该要考虑到兼容性和浏览器的差异性，以确保我们的页面在各种设备上都能够正常显示。