主页 / 问题 / 615079
Accepted
Rumata
Asked:2020-01-16 04:23:36 +0000 UTC2020-01-16 04:23:36 +0000 UTC

如何使 <li> 相对于 <ul> 边框居中？

  • 772

如何使列表的元素<li>围绕列表的边界居中<ul>？

ul {
  border: dashed blue 2px;
  list-style-position: inside;
  text-align: center;
}
li {
  border: dashed green 2px;
}
<ul>
  <li>Text</li>
  <li>Text</li>
  <li>Text</li>
</ul>

html

1 个回答

  1. Best Answer

    @Rumata 也许是这样？

    ul {
  border: dashed blue 2px;
  list-style-position: none;
  margin: 0;
  padding: 0;
}
li {
  border: dashed green 2px;
  margin: 0;
  padding: 0;
  text-align: center;
}
    <ul>
  <li>Text</li>
  <li>Text</li>
  <li>Text</li>
</ul>

    • 3

相关问题