没有从我希望它在新行开始的地方开始答案

【问题标题】： not starting where it starts where I want it to on new line 没有从我希望它在新行开始的地方开始
【发布时间】：2022-02-14 13:41:03
【问题描述】：

在图片中，您可以看到如果侧边栏链接的标题太长，它会转到下一行。但是，它从图标所在的位置开始，而不是跨度的开始位置。我将如何将“side-nav-item”类设置为它将在管理员所在的位置设置格式，当它转移到新行时，它从 Give 所在的位置开始。

<li class="side-nav-item">
  <a data-bs-toggle="collapse" href="#userAccess" aria-expanded="false" aria-controls="userAccess"
      class="side-nav-link">
      <i class="uil-layer-group"></i>
      <span>User Access</span>
      <span class="menu-arrow"></span>
  </a>
  <div class="collapse" id="userAccess" data-bs-parent="#accordion">
      <ul>
          <li class="side-nav-item">
              <a href="/task/add-location-access" class="side-nav-link">
                  <i class="uil-shield-check"></i>
                  <span> Give user access - Administrator</span>
              </a>
          </li>
          <li class="side-nav-item">
              <a href="/task/remove-location-access" class="side-nav-link">
                  <i class="uil-shield-slash"></i>
                  <span> Remove</span>
              </a>
          </li>
      </ul>
  </div>
</li>

【问题讨论】：

请包含您的 CSS，以便我们查看当前的样式。

标签： html css

【解决方案1】：

将 内的<a></a> 样式作为内联块。您看到的行为是  和  等内联元素的预期行为。在 CSS 中检查内联元素、块元素和“显示”属性的概念。我假设你是 HTML 和 CSS 的新手，所以我建议你从一个好的视频教程开始。

【讨论】：

【解决方案2】：

试试这个，

<span
  style="width:400px;text-align:start;height:max-content;"
> 
   Give user access - Administrator
</span>

【讨论】：