为什么这些不同的按钮类型排队?

时间:2015-08-24 04:00:33

标签: html css button alignment

我的页面上有一个和一个。但是,我似乎无法将这些按钮排成一行。

HTML

<div class="doubleButtonContainer">
    <button class="moreAnswersButton" name="more_answers" onclick="showAllAnswers()">More answer fields...</button>
    <input type="submit" class="button" name="submit" value="Finish" />
</div>

CSS

.moreAnswersButton, .button
{
    height: 50px;
    width: 125px;
    text-align: center;
    border-radius: 5px;
    padding: 0;
}

.doubleButtonContainer
{
    height: 70px;
    text-align: center;
    width: 325px;
}

JSFiddle Link

1 个答案:

答案 0 :(得分:0)

添加&#39; vertical-align&#39;属性到你的按钮。

var userStore = Ext.create('Ext.data.Store', {
        model: 'User',
        data: [
            { name: 'Lisa', phone: '555-111-1224', timecallval: '08:10' },
            { name: 'Bart', phone: '555-222-1234', timecallval: '09:54' },
            { name: 'Homer', phone: '555-222-1244', timecallval: '20:00' },
            { name: 'Marge', phone: '555-222-1254', timecallval: '08:11' }
        ]
    });


var panel = Ext.create('Ext.form.Panel', {
           items: [
            {
                xtype: 'timefield',
                name: 'timecall',
                id: 'timecall',
                minvalue: '08:00' 
                // 08:00 to be changed to timecall value dynamically
            }
}

(值可以是底部,中间或顶部。它是您的偏好)