Question

我是HTML CSS的新手，我有一个符合以下规范的按钮：

.Btns {
            width:200px;              
            height:75px;
            background-color:lightblue;
            color:black;
            font-weight:bold;

        }

这是我的按钮：

<button id="btnProduct" type="button" class="Btns"/>

在这里我用jquery给它赋值：

 $("#btnProduct").html('Production:'+sumOfpro+' Kw/h');

sumOfpro是一个整数值我从Ajax得到它，无论如何，我的问题是如何将文本放在按钮的顶部和中间或底部的值？通过文字，我的意思是生产和价值我的意思是sumOfpro，谢谢你的帮助

Answer 1

.Btns {
            width:200px;              
            height:75px;
            background-color:lightblue;
            color:black;
            font-weight:bold;
            padding: 0;
        }

<button id="btnProduct" type="button" class="Btns">Production: 123<br/><br/><br/>Kw/h</button>

将文本放在按钮css的顶部和按钮上

1 个答案: