Существует ли способ установить min-line-height на встроенном элементе в CSS?
Im, не уверенный, если это - то, что Вы ищете, но мы пишем наше главное приложение с Java в небольшой компании, я работаю на, но использовал Python для записи меньших сценариев быстро. Программное обеспечение для резервного копирования, временные сценарии, чтобы управлять данными и выставить результаты. Просто кажется легче иногда сесть с Python и записать быстрый сценарий, чем путаница с классами и материалом в Java.
для Временных сценариев, которые не собираются слоняться поблизости, не нужно много времени проектирования, потраченного впустую на них.
И я ленив, но хорошо просто изучить столько, сколько Вы можете, конечно, и видеть, какие функции существуют на других языках. Знание больше никогда не причиняет Вам боль в будущих сменах работы:)
2 ответа
При работе со встроенными элементами внутри блочных элементов у вас не так много вариантов для изменения размера их ограничивающей рамки. min-height не работает со встроенными элементами, а line-height не будет иметь никакого эффекта.
Установка соответствующего отступа может быть разумный вариант, но вы, вероятно, столкнетесь с проблемами, когда фон элемента перекрывает другие элементы внутри содержащего блока.
В качестве быстрой демонстрации попробуйте следующее:
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<style type="text/css">
span {
background: #0F0;
padding: 0.5em 0;
}
</style>
</head>
<body>
<p>This is some demo text. Look at how <span>texty</span> it is.</p>
</body>
</html>
Вы увидите, что фон texty span расширяется по вертикали, но перекрывает текст в предыдущей и следующей строках. Вы можете установить свойство элемента display на inline-block в современных браузерах, чтобы избежать этой проблемы, но тогда вы
вы можете использовать display: inline-block , чтобы разрешить минимальную высоту, поскольку встроенные теги немного ограничены