Как уменьшить место в этой букве с помощью css?

パサつき、ひろがり、うねりフリーへ。

это японский язык

css
1
Par Tha

2 ответа

Символ, на который вы ссылаетесь, «», называется IDEOGRAPHIC COMMA и является символом Unicode U + 3001.

Вы можете использовать свойство CSS letter-spacing , чтобы уменьшить расстояние между буквами.

В приведенном ниже примере я уменьшил межбуквенный интервал символа на 0,5em, чтобы показать это:

span {
  letter-spacing: -0.5em;
}
<p>Hello &#x3001; World</p>
<p>Hello <span>&#x3001;</span> World</p>

Первая строка не имеет сокращения.

Во второй строке есть span , содержащий символ с уменьшением на 0,5em в межбуквенный интервал .

Возможно, вам придется настроить размер интервала, чтобы получить правильный эффект. Я бы порекомендовал придерживаться единиц em вместо px , поскольку они будут пропорционально масштабироваться в зависимости от того, какой шрифт вы используете.

В вашем примере конкретно:

span {
  letter-spacing: -0.5em;
}
<p>パサつき、ひろがり、うねりフリーへ。</p>
<p>パサつき<span>、</span>ひろがり<span>、</span>うねりフリーへ。</p>

Поделитесь своим полным кодом. Что вы хотите точки останова? Я не понимаю тебя ясно. Вы можете использовать межбуквенный интервал для этой цели

58607007