【问题标题】:Materialize CSS icon positioning in floating button在浮动按钮中实现 CSS 图标定位
【发布时间】:2018-07-15 18:59:33
【问题描述】:

我正在尝试使用具体化 CSS 将图标放置在浮动按钮的中心。图标位于中心,但其垂直位置未居中。相反,它被放置在顶部。有人能告诉我如何将它带到按钮的确切中心吗?

【问题讨论】:

  • 您可以在您的问题中添加代码 sn-p 吗?这将使我们更清楚您的问题
  • g_translate

  • 在下面发布了一个答案,看看是不是你想要的?

标签: materialize


【解决方案1】:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
 
     <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">
	  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>

<body>
	<div class="container"> 
	<a class="btn-floating pulse btn-large waves-effect waves-light "><i class="material-icons">g_translate</i></a>
    </div>
       
</body>

</html>

这是您需要的。希望它会有所帮助!

【讨论】:

  • 如果有帮助,请投票支持:)
  • 我已经投了票,但由于我的声望不超过 15,所以不会显示
猜你喜欢
  • 2011-03-14
  • 1970-01-01
  • 2017-05-19
  • 1970-01-01
  • 2016-01-25
  • 2019-09-01
  • 1970-01-01
  • 2020-09-23
  • 2017-11-28
相关资源
最近更新 更多