DIV里怎么让按钮跟文本在一行

如题所述

  通常选择的方法是将button 和文字分别置于一个<span>中。

  因为<span>在未设置 display:block的时候是不会想div那样自动换行的,因此button和文字很自然就排成一行了, 而且两个span中的文字会自动对齐。

  参考代码如下:

  .long-btn {  
    height: 40px;  
    width: 100px;  
    text-align:center;  
    line-height:40px;  
  
    background: url(img/mail-tpl-view.gif) no-repeat;  
    font-size:20px;  
  }  
</style>  

<div>  
    <span class="button-span">  
       <a class="long-btn" href="##">大按钮</a>  
    </span>  
    <span class="text">  
       å°æ–‡å­—  
    </span>  
  </div>
温馨提示:内容为网友见解,仅供参考
第1个回答  2010-06-23
HTML中。
按钮可以这样写。
<input type="text" value="确定" style="display:inline;vertical-align:middle;" /> 文本文本
第2个回答  2010-06-22
在按钮css中加入 vertical-align:middle;本回答被提问者和网友采纳
相似回答