Дисплей CSS (не может превышать valign)

Display problem Вы можете видеть на картинке, что вход (тип = номер) и кнопка (ставка) не могут превышать valign Это мой код .. Как я могу исправить эту проблему?Дисплей CSS (не может превышать valign)

<form class="formRate" action="/rate" method="post"> 
    <input type="hidden" name="contentid" value="<%= photo.id %>" /> 
    <input type="hidden" name="source" value="<%= photo.source %>" /> 
    <input type="number" name="score" min="1" max="5" style="width:30px;"/> 
    <input type="button" class="btn btn-danger" value="Rate"/> 
    </form>

источник

2013-12-06 CSnerd

Где CSS? – melancia

@MelanciaUK Я просто использовал бутстрап. Я не написал для этого конкретный код css? Это причина? – CSnerd

Я задавался вопросом, почему вы сказали, что 'valign' не работает, если вы на самом деле его не задали. – melancia

input { float: left; } 

.formRate { overflow: auto; }

Это должно помочь.

источник

2013-12-06 16:03:31 TheFrozenOne

-1

Вы можете попробовать использовать свойство vertical-align CSS, установив его на top.

Есть, к примеру, нюансы с использованием этого свойства, в зависимости от типов элементов и много чего; по общему признанию, хотя я не запомнил, где и когда вы должен использовать это, и я просто доволен, когда он работает.

источник

2013-12-06 16:00:54

Вы можете использовать это в вашем CSS:

input { 
    display: inline-block; 
    vertical-align: middle; 
}

источник

2013-12-06 16:02:22 Marc

Трудно сказать, не видя CSS, но попробуйте добавить

<style> 
    form, input { 
    margin-top: 0; 
    margin-bottom: 0; 
    padding-top: 0; 
    padding-bottom: 0; 
    } 
</style>

источник

2013-12-06 16:03:54 Eric

Дисплей CSS (не может превышать valign)

ответ

Смежные вопросы