Исключение нулевого указателя генерируется, когда приложение пытается использовать null в случае, когда требуется объект. К ним относятся:
null
. null
. null
, как если бы это был массив. null
, как если бы это был массив. null
как будто это было значение Throwable. Приложения должны бросать экземпляры этого класса, чтобы указать на другие незаконные использования объекта null
.
Ссылка: http://docs.oracle.com/javase/8/docs/api/java/lang/NullPointerException.html
Поскольку vertical-align
установлен по умолчанию исходной .
Используйте это вместо:
.small{
display: inline-block;
width: 40%;
height: 30%;
border: 1px black solid;
background: aliceblue;
vertical-align:top;
}
http: // jsfiddle.net/Lighty_46/RHM5L/9/
Или, как @ f00644 , вы можете применить float
к дочерним элементам.
<style type="text/css">
div {
text-align: center;
}
.img1{
width: 150px;
height: 150px;
border-radius: 50%;
}
span{
display: block;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<input type='password' class='secondInput mt-4 mr-1' placeholder="Password">
<span class='dif'></span>
<br>
<button>ADD</button>
</div>
<script type="text/javascript">
$('button').click(function() {
$('.dif').html("<img/>");
})
Добавить переполнение: автоматически в контейнер div. http://www.quirksmode.org/css/clearing.html Этот сайт показывает несколько вариантов при возникновении этой проблемы.
Вам нужно добавить свойство vertical-align
к вашим двум дочерним div.
Если .small
всегда короче, вам нужно применить свойство только к .small
. Однако, если любой из них может быть самым высоким, вы должны применить свойство как к .small
, так и к .big
.
.container{
border: 1px black solid;
width: 320px;
height: 120px;
}
.small{
display: inline-block;
width: 40%;
height: 30%;
border: 1px black solid;
background: aliceblue;
vertical-align: top;
}
.big {
display: inline-block;
border: 1px black solid;
width: 40%;
height: 50%;
background: beige;
vertical-align: top;
}
Вертикальный выравнивание влияет на ядро встроенного или табличного ящика, и есть большой нумер различные значения для этого свойства. Подробнее см. В https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align .
baseline
является значением по умолчанию? Я уверен, что есть веская причина, но, к сожалению, это просто странно. Вы оказываетесь в Манхэттене. – Sridhar-Sarnobat 27 August 2017 в 06:08