Canvas LMS中的HTML按钮样式-使按钮大小相同

问题描述

我四处逛逛，发现了一些亲密的东西，但没有确切的信息。我正在为我正在设计的某些课程的Canvas LMS主页上的四个菜单按钮设置样式。

我已经将它们（最终）放置在我想要的位置，但是我希望按钮的尺寸相同。当前，它们似乎对其中的文本大小有所响应。 Canvas LMS需要内联样式，因此所有样式属性都必须包含在HTML中。

关于如何更好地做到这一点的任何想法？

<div style="float: left; width: 25%;">
    <div style="padding-left: 30px;">
        <p>
            <a class="Button Button--secondary" href="https://miracosta.instructure.com/courses/7495">Course Syllabus</a>
        </p>
    </div>
</div>
<div style="float: left; width: 25%;">
    <div style="padding-left: 30px;">
        <p>
            <a class="Button Button--secondary" href="https://miracosta.instructure.com/courses/7495">Course Modules</a>
        </p>
    </div>
</div>
<div style="float: left; width: 25%;">
    <div style="padding-left: 30px;">
        <p>
            <a class="Button Button--secondary" href="https://miracosta.instructure.com/courses/7495">Course Discussion Forums</a>
        </p>
    </div>
</div>
<div style="float: left; width: 25%;">
    <div style="padding-left: 30px;">
        <p>
            <a class="Button Button--secondary" href="https://miracosta.instructure.com/courses/7495">Contact your Professor</a>
        </p>
    </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）