我正在尝试对按钮的样式进行更改,使其与链接的外观相同。这和我所得到的差不多:
<p>Hello <a href="aoeu">how</a> are you</p>
<p>Hello <button class="btn btn-link p-0 m-0 d-inline">how</button> are you</p>
https://codepen.io/anon/pen/ZqvjyJ
这可以实现吗?
答案 0 :(得分:3)
您只需要添加align-baseline
类...
<button class="btn btn-link p-0 m-0 d-inline align-baseline">how</button>
答案 1 :(得分:-1)
它已修复,请检查下面的代码或链接。
HTML:
<p>Hello <a href="aoeu">how</a> are you</p>
<p>Hello <button class="btn btn-link p-0 m-0 d-inline">how</button> are you</p>
CSS
p .btn-link {
vertical-align: baseline;
}