Вопросы Теги

HTML <глоток/> высота строки влияния тега, как сделать это последовательным?

скажем, например, что вы хотите сделать точное совпадение, мне нравится делать точное совпадение, как это ... 

...WHERE MATCH(column) AGAINST('happy I am') AND column LIKE '%happy I am%';

, что гарантирует, что я точно соответствую тому, что я хочу сопоставить, где, как если бы я не включил AND LIKE ... это соответствовало бы счастливому ИЛИ ИЛИ ИЛИ

121
задан Bergi 18 March 2016 в 01:37
поделиться

3 ответа

line-height исправляет это, но вам, возможно, придется сделать его довольно большим: в моих настройках мне нужно увеличить line-height примерно до 1,8 перед больше не мешает ему, но это будет варьироваться от шрифта к шрифту.

Один из возможных подходов для получения согласованной высоты строки - установить собственный стиль надстрочного индекса вместо стандартного vertical-align: super . Если вы используете top , он ничего не добавит в линейный блок, но вам, возможно, придется еще больше уменьшить размер шрифта, чтобы он соответствовал: 

sup { vertical-align: top; font-size: 0.6em; }

Еще один прием, который вы можете попробовать, - использовать позиционирование для его перемещения немного вверх, не затрагивая поле строки: 

sup { vertical-align: top; position: relative; top: -0.5em; }

Конечно, это может привести к сбою в строке выше, если у вас недостаточно высоты строки.

161
ответ дан 24 November 2019 в 01:30
поделиться

Я предпочитаю, чтобы решение предложило здесь , как иллюстрируется этот jsfiddle:

CSS: 

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.2em;
}

sub {
  top: 0.2em;
}

HTML: 

<span>The following equation is perhaps the most well known of all: </span><span id="box">E<sub>a</sub> = mc<sup>2</sup></span><span>.  And it gives an opportunity to try out a superscript and even throw in a superfluous subscript!  I'm sure that Einstein would be pleased.</span>.

красота этого решения состоит в том, что можно адаптировать вертикальное расположение верхнего индекса и нижнего индекса, для предотвращения любых столкновений со строкой выше или ниже... в вышеупомянутом, просто увеличиться или уменьшиться 0.2em для удовлетворения требованиям.

0
ответ дан 24 November 2019 в 01:30
поделиться

Чтобы сделать все строки выше , чтобы они выглядели так же, как строка с надстрочным индексом, определите большую высоту строки для всего абзаца 

<p style='line-height:150%'>

или любое другое значение, дающее желаемый эффект.

Это может выглядеть странно, но именно так вы описали свои требования.

РЕДАКТИРОВАТЬ: Чтобы все линии выглядели одинаково , когда только одной нужно больше вертикальных пробел, чем другие , ВСЕ строки в абзаце должны быть выше.

Это, как я уже сказал, не может быть привлекательным решением. Может быть, что-то можно сделать с помощью диапазона, сделав только текст с нижним / верхним индексом меньшим , кроме этого, я не верю, что то, что вы хотите, может быть достигнуто. Но я бы хотел увидеть чье-то решение.

РЕДАКТИРОВАТЬ2: Между прочим, я '

0
ответ дан 24 November 2019 в 01:30
поделиться