Wrap text when 10 character fullsize Katakana

Question

I have <p> tag and in menu

<p>日本刀日本刀日本刀日本刀</p>

but I want wrap text when text over 16 byte

Have you tried using CSS `width` on the `
`?
– Louys Patrice Bessette Jun 05 '18 at 04:25 — Louys Patrice Bessette, Jun 05 '18 at 04:25
impossible, my div can't set width – Tấn Toàn Jun 05 '18 at 04:40 — Tấn Toàn, Jun 05 '18 at 04:40

score 0 · Accepted Answer · answered Jun 05 '18 at 04:32

Just using some simple steps: 8 is set for number of characters you want to wrap

var p = $('p'), string = p.text();

if (string.length > 8) {
  var stringToWrap = string.substring(0, 8);
  p.html(string.replace(stringToWrap, '<span>'+ stringToWrap +'</span>'));
}

span {
  font-weight: bold;
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>日本刀日本刀日本刀日本刀</p>

Wrap text when 10 character fullsize Katakana

1 Answers1