Question

我正试图在<ul> <li>中的子弹后添加一些填充，但圆圈看起来不太好。

Html代码是：

<div class="footer_ticker">
  <marquee behavior="scroll" direction="left" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);">
    <ul>
      <li><a href="">See the latest from our COMMENTARY page....</a></li>
      <li><a href="">USDTRY - Tracking Channel Higher</a></li>
      <li><a href="">USDMXN - Demand accelerates after setback </a></li>
    </ul>
  </marquee>
</div>

演示： - https://jsfiddle.net/wd84undd/

非常感谢任何帮助。提前谢谢。

Answer 1

尝试添加margin-right:3px; to footer_ticker ul li :: before {

Answer 2

我猜你想在子弹和文字之间添加空格吗？

在a标记的左侧添加边距（或填充，如果您愿意）。

＆＃13;

.footer_ticker ul li::before {
  background-color: #60d9eb;
  border-radius: 7.5px;
  content: "";
  display: inline-block;
  height: 5px;
  vertical-align: middle;
  width: 5px;
}
.footer_ticker ul li {
  display: inline-block;
  font-size: 17px;
  list-style: outside none disc;
  padding: 0 10px;
  text-decoration: underline;
}
.footer_ticker ul li a {
  margin-left: 5px;
}

＆＃13;

<div class="footer_ticker">
  <marquee behavior="scroll" direction="left" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);">
    <ul>
      <li><a href="">See the latest from our COMMENTARY page....</a>
      </li>
      <li><a href="">USDTRY - Tracking Channel Higher</a>
      </li>
      <li><a href="">USDMXN - Demand accelerates after setback </a>
      </li>
    </ul>
  </marquee>
</div>

＆＃13;

在<ul> <li>中插入子弹后插入空格

2 个答案: