這篇文章主要介紹了如何讓你的html button本身居中的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
如何讓你的html button本身居中呢? 這個很好找思路, 在其父標簽中設置居中屬性啊, 如下:
<html>
<body>
<center><button onClick="myClick()">hit me</button></center>
<script>
function myClick()
{
alert("123");
}
</script>
</body>
</html>
或者:
<html>
<body>
<div align="center"><button onClick="myClick()">hit me</button></div>
<script>
function myClick()
{
alert("123");
}
</script>
</body>
</html>
#FormatStrongID_0#
button是一個行內塊級元素display:inline-block;
所以處理方式很簡單,可以用以下兩種方式:
方式一:
<div style="text-align:center">
<button>按鈕居中</button>
</div>
方式二:
<div>
<button style="display:block;margin:0 auto">按鈕居中</button>
</div>
到此這篇關于如何讓你的html button本身居中的實現(xiàn)的文章就介紹到這了,更多相關html button居中內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持腳本之家!
來源:腳本之家
鏈接:https://www.jb51.net/web/731455.html
申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!