Html 物化集合辅助底部未正确对齐

Html 物化集合辅助底部未正确对齐,html,css,materialize,Html,Css,Materialize,我正在尝试将按钮作为集合中的辅助内容正确对齐。然而,无论我怎么做,我都无法使按钮居中。见下图: 代码段: 绘画基础 公共政策和社区 地质研究导论 创造 全球视角 我无法让它按我所希望的方式工作,但它与此硬代码一起工作 .fix{ float: right; margin-top: -8px; } 嗯,我无法让它按我所希望的方式工作,但它可以与此硬代码一起工作 .fix{ float: right; margin-top: -8px; } 也许

我正在尝试将按钮作为集合中的辅助内容正确对齐。然而,无论我怎么做,我都无法使按钮居中。见下图:

代码段:


  • 绘画基础
  • 公共政策和社区
  • 地质研究导论 创造
  • 全球视角

我无法让它按我所希望的方式工作,但它与此硬代码一起工作

.fix{
  float: right;
    margin-top: -8px;
}

嗯,我无法让它按我所希望的方式工作,但它可以与此硬代码一起工作

.fix{
  float: right;
    margin-top: -8px;
}

也许这个答案有点晚了,但这里是修复方法,不需要额外的CSS类

  <ul class="collection with-header">
      <li class="collection-header"><h4>Drawing basics</h4></li>
      <li class="collection-item"><div>Public Policy and the Community<a href="#!" class="secondary-content"><i class="">remove_red_eye</i></a></div></li>
      <li class="collection-item">
          <div>Introduction to Geology Studies
              <a href="#!" class="waves-effect waves-light btn  secondary-content">Create</a>
              </a>
          </div>
      </li>
      <li class="collection-item"><div>Global Perspective<a href="#!" class="secondary-content"><i class="material-icons">remove_red_eye</i></a></div></li>
  </ul>
  • 绘图基础
  • 公共政策和社区
  • 地质研究导论
  • 全局透视图
我只是在第二个div中添加了一个锚标记,并用.btn类对其进行了样式化

<a href="#!" class="waves-effect waves-light btn  secondary-content">Create</a>


我希望这将有助于至少有人

也许这个答案有点晚了,但这里是修复方法,不需要额外的CSS类

  <ul class="collection with-header">
      <li class="collection-header"><h4>Drawing basics</h4></li>
      <li class="collection-item"><div>Public Policy and the Community<a href="#!" class="secondary-content"><i class="">remove_red_eye</i></a></div></li>
      <li class="collection-item">
          <div>Introduction to Geology Studies
              <a href="#!" class="waves-effect waves-light btn  secondary-content">Create</a>
              </a>
          </div>
      </li>
      <li class="collection-item"><div>Global Perspective<a href="#!" class="secondary-content"><i class="material-icons">remove_red_eye</i></a></div></li>
  </ul>
  • 绘图基础
  • 公共政策和社区
  • 地质研究导论
  • 全局透视图
我只是在第二个div中添加了一个锚标记,并用.btn类对其进行了样式化

<a href="#!" class="waves-effect waves-light btn  secondary-content">Create</a>


我希望这将有助于至少有人

提供css snipet…@amit77309嗨!我正在使用css框架MaterializeCSS,如标签中所示。提供css snipet…@amit77309 Hi!我正在使用css框架MaterializeCS,如标记中所示。