如何讓你的html button本身居中的實現(xiàn)
發(fā)布時間：2020-06-19 16:39:23 作者：葉落森 
我要評論
我要評論這篇文章主要介紹了如何讓你的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>
按鈕水平居中
button是一個行內(nèi)塊級元素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居中內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持腳本之家！
相關文章
淺談瀏覽器的兼容模式下的button中文字垂直方向不居中顯示
下面小編就為大家?guī)硪黄獪\談瀏覽器的兼容模式下的button中文字垂直方向不居中顯示。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-20Firefox下input button內(nèi)文字不能垂直居中的解決方法
在Firefox下input type=”button”的文字是不好居中的，原因在于Firefox自己弄了個私有屬性，解決方法很簡單，遇到類似問題的朋友可以學習下，希望可以幫助到大家2013-08-01用CSS讓img input select button 圖片,文本框,下拉菜單,按扭垂直居中的
一直以來,在HTML中,img input select button 這里元素，垂直對齊,比較難。結果我長大了。我發(fā)現(xiàn)了一個現(xiàn)像，其實解決這些問題只是一句話的事。2011-03-08