Question

如何用css在同一行上制作三个项目？我想一个接一个地把它们放在同一条线上？这就是我对html的看法

<div class="btn-votes">
       <input type="button" title="Up" class="up"/>
            <div class="label-votes">2</div>
       <input type="button" title="Down" class="down" />  
</div>

这就是css

.btn-votes input[type="button"]{
    width:32px;
    height:32px;
    border:0;
    cursor:pointer; 
    margin-bottom: -20px; 
    display:inline-block;
}
.up {background-image:url("")}
.up:disabled {background-image:url('')}
.down {background-image:url("")}
.down:disabled {background-image:url('')}
.label-votes {font-size:1.0em;color:#40CD22;text-align:center;font-weight:bold;}

这里是JsFiddle ..注意：图片没有显示在那里，因为我有自己的..只是试图为演示提供一些图像。

Answer 1

将display:inline-block添加到您的.label-votes班级

.label-votes {
    font-size:1.0em;color:#40CD22;text-align:center;font-weight:bold;display:inline-block;
}

http://jsfiddle.net/hzqqcv4g/3/

Answer 2

添加显示：内联到所有这些。

export LD_LIBRARY_PATH="/path/to/library"

http://jsfiddle.net/hzqqcv4g/1/

将两个三项对齐在同一条线上

2 个答案: