Странный отступ сверху у inline блока / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Странный отступ сверху у inline блока

6 сообщений из 6, страница 1 из 1

Странный отступ сверху у inline блока

#39808914

Алексей Смирнов

Участник

Откуда: г. Челябинск

Сообщения: 697

Рейтинг: 0 / 0

Как убрать странный отступ сверху внутреннего блока DIV (см. картинку)?

Код: html

1.
2.
3.
4.
5.

<div style="border: 1px solid red; display: inline-block;">
	<div style="font-size: small; display: inline-block; background: blue;">
		Тест:
	</div>
</div>

...

Рейтинг:

0 / 0

01.05.2019, 18:02

| Ответить | Цитировать | Написать

Странный отступ сверху у inline блока

#39808926

Алексей Смирнов

Участник

Откуда: г. Челябинск

Сообщения: 697

Рейтинг: 0 / 0

Вот тоже самое реализовано через таблицу. Никаких непонятных отступов нет.
Возникает вопрос: откуда у всего мира такая любовь к блочной верстке? Дань моде?
Через таблицу тоже самое реализуется проще и без глюков:

Код: html

1.
2.
3.
4.
5.
6.
7.

<table style="border: 1px solid red;">
	<tr>
		<td style="background: blue;">
			Текст
		</td>
	</tr>
</table>

...

Рейтинг:

0 / 0

01.05.2019, 18:20

| Ответить | Цитировать | Написать

Странный отступ сверху у inline блока

#39808930

Алексей Смирнов

Участник

Откуда: г. Челябинск

Сообщения: 697

Рейтинг: 0 / 0

Опытным путем определил, что отступ был из-за свойства font-size: small;
Но при использовании table нет такого глюка. При задании в td свойства font-size: small; никаких отступов нет.

...

Рейтинг:

0 / 0

01.05.2019, 18:27

| Ответить | Цитировать | Написать

Странный отступ сверху у inline блока

#39808935

Relic Hunter

Участник

Откуда: AB

Сообщения: 7 268

Рейтинг: 0 / 0

Алексей Смирнов,

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.

    <div style="border: 1px solid red; display: inline-block;">
        <div style="font-size: small; display: inline-block; background: blue;">
            Тест:
        </div>
    </div>
    <div style="border: 1px solid red; display: inline-flex;">
        <div style="font-size: small; display: inline-block; background: blue;">
            Тест:
        </div>
    </div>

    <div style="border: 1px solid red; display: inline-block;">
        <div style="font-size: small; /*display: inline-block;*/ background: blue;">
            Тест:
        </div>
    </div>

...

Рейтинг:

0 / 0

01.05.2019, 18:35

| Ответить | Цитировать | Написать

Странный отступ сверху у inline блока

#39809054

Алексей Смирнов

Участник

Откуда: г. Челябинск

Сообщения: 697

Рейтинг: 0 / 0

Relic Hunter, во всех 3-х случаях все равно белая полоса. Уже понял, что она из-за font-size: small, но если даже уберу, и заменю внутренний <DIV> на <INPUT type="text'>, то все равно отступ будет и ничем не убирается.
А при использовании <td><input></td> нет никакого отступа.
Пробовал <div style="display: table-cell;">, да полосы уже нет. Но все равно не вижу в этой ситуации преимущества <div> перед <td>. Вложенных тегов столько же, ещё и кучу стилей надо указать.

...

Рейтинг:

0 / 0

02.05.2019, 09:34

| Ответить | Цитировать | Написать

Странный отступ сверху у inline блока

#39809294

fkthat

Участник

Сообщения: 3 601

Рейтинг: 0 / 0

Если попробовать font-size: small на внешнем диве?

...

Рейтинг:

0 / 0

02.05.2019, 15:23

| Ответить | Цитировать | Написать

6 сообщений из 6, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Странный отступ сверху у inline блока

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?desktop=1&fid=22&tid=1443792]:	0ms
get settings:	8ms
get forum list:	12ms
check forum access:	4ms
check topic access:	4ms
track hit:	165ms
get topic data:	11ms
get forum data:	2ms
get page messages:	47ms
get tp. blocked users:	2ms
others:	11ms

total:	266ms