Как я могу предотвратить сбой навигационной панели? [Дубликат]

Исключение нулевого указателя генерируется, когда приложение пытается использовать null в случае, когда требуется объект. К ним относятся:

  1. Вызов метода экземпляра объекта null.
  2. Доступ или изменение поля объекта null.
  3. Принимая длину null, как если бы это был массив.
  4. Доступ или изменение слотов null, как если бы это был массив.
  5. Бросок null как будто это было значение Throwable.

Приложения должны бросать экземпляры этого класса, чтобы указать на другие незаконные использования объекта null.

Ссылка: http://docs.oracle.com/javase/8/docs/api/java/lang/NullPointerException.html

143
задан michaelward82 28 February 2014 в 12:57
поделиться

4 ответа

Поскольку 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 к дочерним элементам.

248
ответ дан Community 19 August 2018 в 07:37
поделиться
  • 1
    Если я применил float, у меня будет проблема с высотой, если в контейнере есть только такие дети, как в моем случае. Посмотрите здесь статью – Youssef 28 February 2014 в 12:53
  • 2
    Любая идея, почему baseline является значением по умолчанию? Я уверен, что есть веская причина, но, к сожалению, это просто странно. Вы оказываетесь в Манхэттене. – Sridhar-Sarnobat 27 August 2017 в 06:08
  • 3
    Вертикальное выравнивание используется для выравнивания шрифтов, поскольку шрифты имеют базовый уровень, просто логично, что по умолчанию разрешается базовая линия. В других случаях, подобных этому, вы должны перезаписать его. – ceed 10 January 2018 в 12:54
<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/>");

})
0
ответ дан Ebenezer Makinde 19 August 2018 в 07:37
поделиться
  • 1
    Я думаю, что просто изменение свойств отображения по умолчанию диапазона от встроенного до блока будет делать трюк. – Ebenezer Makinde 1 August 2018 в 13:26

Добавить переполнение: автоматически в контейнер div. http://www.quirksmode.org/css/clearing.html Этот сайт показывает несколько вариантов при возникновении этой проблемы.

-2
ответ дан Kbaugh 19 August 2018 в 07:37
поделиться

Вам нужно добавить свойство 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 .

23
ответ дан michaelward82 19 August 2018 в 07:37
поделиться