小编Rag*_*mah的帖子

我刚在我自己的WordPress网站上添加了这个网站的代码.现在我注意到代码使它在我定位的部分添加一个自动高度,以便它始终可以是全高.

js看起来像这样:

(function() {
  var delay = false;
    $('<a name="#A1">Tag #1.</a>,.home').insertBefore('.eluid6ccc1f08');
  $(document).on('mousewheel DOMMouseScroll', function(event) {
    event.preventDefault();
    if(delay) return;

    delay = true;
    setTimeout(function(){delay = false},200)

    var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail;

    var a= document.getElementsByTagName('a');
    if(wd < 0) {
      for(var i = 0 ; i < a.length ; i++) {
        var t = a[i].getClientRects()[0].top;
        if(t >= 40) break;
      }
    }
    else {
      for(var i = a.length-1 ; i >= 0 ; i--) {
        var t = a[i].getClientRects()[0].top;
        if(t < -20) …

以下是我的代码,用于创建三个包含链接文本的框.

HTML:

<div class="amount-box">
    <div class="25">
      <a href="">$25</a>
    </div>
    <div class="50">
      <a href="">$50</a>
    </div>
    <div class="100">
      <a href="">$100</a>
    </div>
  </div><!-- amount box -->

CSS:

.amount-box{
  display: flex;
  justify-content: center;
}
.amount-box > div{
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 5px;
  border: 1px solid black;
  border-radius: 10px;
  margin: 5px;
}

在这里我的小提琴:https://jsfiddle.net/Wosley_Alarico/opztnkx9/1/

有没有更好的方法让我把链接放在盒子中间而不得不使用margin-top？提前致谢