Angular-Material Md-分频器

Question

是否可以让按钮位于 md-divider 的顶部，如下所示：

Answer 1

这与Angular无关，你可以通过纯css修复它：

body{
                background-color: #E0E0E0;
                text-align: center;
            }
            h1{
                font-size: 75px;
            }
            hr{
                width: 85%;
            }
            .buttons{
                display:inline-block;
                position:relative;
                top:-20px;
                background-color: green;
                color: white;
                padding: 5px;
                border: 1px solid green;
                border-radius: 50px;
                text-align: center;
            }
            .buttons:hover{
                background-color: #C4C4C4;
                border: 1.5px solid #171717;
            }

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

<h1>Button on top of line</h1>
     <hr>
     <span class="buttons fa fa-plus"></span>

你可以给你的Md-divider 一个类并使用它来代替我的 hr 示例。但你的想法对吗？

重点是使用负顶定位。