Как уменьшить место в этой букве 、
с помощью css?
パサつき、ひろがり、うねりフリーへ。
это японский язык
2 ответа
Символ, на который вы ссылаетесь, « 、
», называется IDEOGRAPHIC COMMA и является символом Unicode U + 3001.
Вы можете использовать свойство CSS letter-spacing
, чтобы уменьшить расстояние между буквами.
В приведенном ниже примере я уменьшил межбуквенный интервал символа на 0,5em, чтобы показать это:
span {
letter-spacing: -0.5em;
}
<p>Hello 、 World</p>
<p>Hello <span>、</span> World</p>
Первая строка не имеет сокращения.
Во второй строке есть span
, содержащий символ с уменьшением на 0,5em в межбуквенный интервал
.
Возможно, вам придется настроить размер интервала, чтобы получить правильный эффект. Я бы порекомендовал придерживаться единиц em
вместо px
, поскольку они будут пропорционально масштабироваться в зависимости от того, какой шрифт вы используете.
В вашем примере конкретно:
span {
letter-spacing: -0.5em;
}
<p>パサつき、ひろがり、うねりフリーへ。</p>
<p>パサつき<span>、</span>ひろがり<span>、</span>うねりフリーへ。</p>
Поделитесь своим полным кодом. Что вы хотите точки останова? Я не понимаю тебя ясно. Вы можете использовать межбуквенный интервал для этой цели
Новые вопросы
css
CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.