如何让按钮里的文字居中竖排

时间:2021-12-08 11:48:39

来自经典论坛http://www.blueidea.com/bbs/newsdetail.asp?id=1841652

方法一
<button style="width:50px; height:200px;">
<span style="color:red; font:11pt 宋体; writing-mode:tb-rl">竖排文字</span>
</button>

方法二

<br><br><br>
<center>
<input type=submit name=submit value="关关雎鸠,&#13;在河之洲;&#13;窈窕淑女,&#13;君子好逑。&#13;"style="color:#11ee19;writing-mode:tb-rl; width:3cm;border:red 12px groove">

 

<br><br><br>
<br><br><br>
<button style="width:190px; height:120px;border:lime 10px outset">
<span style="color:red; font:11pt 宋体; writing-mode:tb-rl">下定决心,<br>不怕牺牲,<br>排除万难,<br>争取胜利!<br></span>
</button>

方法三
<button onclick=alert("I am a button!")><img src=http://www.blueidea.com/bbs/icon/icon12.gif></button>
<button onclick=alert("I am a button!")><img src=http://www.blueidea.com/bbs/icon/icon12.gif><img src=http://www.blueidea.com/img/common/logo.gif><img src=http://www.blueidea.com/bbs/images/topic5.gif></button>