私の問題を説明する最も簡単な方法は、例です: http://jsfiddle.net/trSwG/1/
最初の段落は素晴らしいです。希望どおりに表示されています。1 行目にいくら空白を追加しても、切り捨てられて 2 行目に折り返されません。
2 番目の段落に問題があります。「ケース」という単語の前のスペースは、この行に含めるべきではありません。上の行にとどめて、最初の段落と同じように動作させたいのです。
3 番目の段落も問題ありません。これは、空白を保持したいということを示すためのものです。また、言葉を壊したくないことにも注意してください (word-break: break-all)。
ブラウザによって表示が異なる場合に備えて、以下にスクリーンショットを添付しました。Chrome 28.0.1500.72 m を使用しています:
lettering.js プラグインを使用してスパン内のすべての文字をラップしていることに気付くでしょう。これは、開発中の機能に必要です。
これまでに学んだこと：
レタリング呼び出しを削除すると、スパンが問題を引き起こしているようです。
//$('p').lettering();
必要に応じてすべて機能します。どういうわけか、スパンは通常のテキストとは異なる動作をしています。
更新: HTML 自体も手動で編集することはできません。これは Flash コンテンツ管理ツールによって作成され、他のプロパティと共に XML として保存されます。これらの xml ドキュメントは何千もあります。サーバーは、HTML としてフロントエンドに送信される前に XML を処理する機会があるため、html の変更を伴うソリューションはすべてスクリプト化する必要があります。