сдвиг текста вниз с помощью CSS
Если я правильно это читаю, значит, вы пытаетесь перебросить границу между двумя ячейками таблицы, что не сработает. Вам нужно объединить первые две ячейки в правом столбце, а затем rowspan = «2» новую ячейку с номером в ней. Затем по верхнему или нижнему краю выровняйте текст в ячейке по вертикали и добавьте верхний отступ, пока он не выровняется правильно.
Если вы хотите сдвинуть его вниз , вам нужно сдвинуть его на положительный 6 пикселей, а не на отрицательный 6 пикселей, и установить свойство вверху , а не внизу
Возможно, вам будет лучше использовать:
Однако трудно узнать больше без некоторого контекста того, что еще находится вокруг этой ячейки таблицы.
Label — это встроенный элемент, поля / отступы будут работать только тогда, когда вы сделаете его блоком (встроенный блок, блок или поплавок). Попробуйте следующее:
Используйте padding-top: 6px; вместо позиционирования, что может стать очень запутанным по отношению к родственным элементам и т. Д. И иметь другие побочные эффекты.
Как переместить текст вниз в html
<div><button>Earlier</button>
<div style="display: inline; margin-top:10px;padding-right:5px; margin-top:10px;padding-top:5px;">Abcd 1234</div>
<button>Later</button>
</div>
Цитата:
| margin и padding работают только по горизонтали |
ну неправда.. оно просто не работает с inline элементами (что и понятно).
Цитата:
| Cheery, спасибо, но мне нужно именно inline. Чтобы на одной строке всё было. |
вас не поймешь.. то вы хотите, чтобы было в одной строке
то хотите сместить..
<div style='display: inline; position: relative; top: 10px'>Test</div>
работает аналогично.
bottom
В bottom УСЕ участвует в собственности установки вертикального положения в позиционированном элементе . Это не влияет на непозиционированные элементы.
Try it
Эффект bottom зависит от того, как позиционируется элемент (т. Е. От значения свойства position ):
- Когда для position задано значение absolute или fixed , свойство bottom указывает расстояние между внешним краем нижнего края элемента и внутренней границей нижнего края содержащего его блока.
- Когда position установлено на relative , свойство bottom указывает расстояние, на которое нижний край элемента перемещается над его нормальным положением.
- Когда position установлено значение sticky , свойство bottom используется для вычисления прямоугольника с липким ограничением.
- Когда position установлено на static , свойство bottom не имеет никакого эффекта .
Если указаны как top и bottom , position устанавливается на absolute или fixed , а height не указана ( auto или 100% ) , соблюдаются как top и bottom расстояние. Во всех других ситуациях, если height каким-либо образом ограничена или position установлена как relative , свойство top имеет приоритет, а свойство bottom игнорируется.
Syntax
Values
Отрицательный, нулевой или положительный <length> , который представляет:
- для абсолютно позиционированных элементов — расстояние до нижнего края содержащего блока.
- для относительно расположенных элементов расстояние, на которое элемент перемещается выше его нормального положения.
<percentage> от высоты содержащего блока.
- для абсолютно позиционированных элементов положение элемента основывается на свойстве top , а height: auto обрабатывается как высота в зависимости от содержимого; или если top также имеет значение auto , элемент располагается там, где он должен располагаться вертикально, если он был статическим элементом.
- для относительно расположенных элементов расстояние элемента от его нормального положения основано на свойстве top ; или если top также имеет значение auto , элемент вообще не перемещается вертикально.
Указывает, что значение совпадает с вычисленным значением из его родительского элемента (который может не быть содержащим его блоком). Это вычисленное значение затем обрабатывается, как если бы это было <length> , <percentage> или ключевое слово auto .
Как переместить элемент немного вниз в HTML
Я знаю, это звучит странно, но у меня возникают проблемы с тем, чтобы фрагмент текста сдвинулся немного вниз, чтобы он располагался по центру вкладки, на которой он находится.
вот как это выглядит:
Я хочу, чтобы покупка располагалась вертикально по центру.
8 ответы
Вы можете установить высоту строки в тексте, например, в активном классе:
ответ дан 07 апр.
попробовал, и это увеличило вкладку, текст остался на том же месте — новичокPrgrmr
Это означает, что вы, вероятно, использовали неправильный подход к оформлению вкладок. То, что предложила My Head Hurts, — лучший способ сделать это. — Брэдли Айерс
Простой способ — установить line-height до высоты элемента.
ответ дан 07 апр.
Как это можно сделать? Это правильно line-height:100%; ? — стартап
Вы можете использовать vertical-align для перемещения предметов по вертикали.
Это переместит диапазон, содержащий слово «пример», вниз на 20 пикселей по сравнению с остальным текстом.
Предполагаемое использование этого свойства — выравнивание элементов разной высоты (например, изображений разного размера) по заданной линии. vertical-align: top будет, например, выровнять все изображения по строке так, чтобы верх каждого изображения совпадал друг с другом. vertical-align: middle выравнивает все изображения так, чтобы середины изображений были выровнены друг с другом, независимо от высоты каждого изображения.
Вы можете увидеть наглядные примеры в этом CodePen пользователя Chris Coyier.
Надежда, что помогает!
ответ дан 16 окт ’19, 15:10
Это мне помогло. У меня была ситуация, когда у меня было несколько ссылок в ячейке таблицы td, и я хотел немного переместить одну из них. — Джон Гилмер
Вы можете использовать верх верхняя граница и отредактируйте текст, или вы также можете использовать обивка-топ оба будут иметь одинаковый визуальный эффект в вашем случае, но на самом деле оба ведут себя немного по-разному.