個々の単語ではなくliに「ラップアラビア語」

Question

liにある個々の単語や文字ではなく、改行したいタグの一覧（ul/li形式）を生成していますli。

私が何かをすることが判明しているだけのCSSコマンドは、これまでのところ、それはbreak-allであれば、それは任意の文字の後に解除されますword-breakた、normalは（またはnormalがデフォルトになります何か他のものは）それはスペースまたは後に破壊していますダッシュ-

Fiddle

現在、次のように私のCSSは次のとおりです。

li { 
    display: inline; 
    line-height: 24px !important; 
    border: 1px solid black; 
    word-break: normal; 
} 

Answer 1

は私が正しく理解する場合、チュ

：STは、私はあなたが必要なものを正しく理解していれば、単にあなたの liルールに

white-space: nowrap; 

を追加するトリックを行います、li

li { 
 
    display: inline-block; 
 
    line-height: 24px; 
 
    border: 1px solid black; 
 
}

<ul> 
 
    <li>This longword tag One</li> 
 
    <li>This longword tag Two</li> 
 
    <li>ThislongwordtagThree</li> 
 
    <li>This longword tag Four</li> 
 
    <li>This longword tag Five</li> 
 
    <li>This longword tag Six</li> 
 
    <li>This longword tag Seven</li> 
 
</ul> 
 
<ul> 
 
    <li>This longword tag One</li> 
 
    <li>This longword tag Two</li> 
 
    <li>ThislongwordtagThree</li> 
 
    <li>This longword tag Four</li> 
 
    <li>This longword tag Five</li> 
 
    <li>This longword tag Six</li> 
 
    <li>This longword tag Seven</li> 
 
</ul>

Answer 2

display:inline-blockように設定する必要があります

li { 
    display: inline; 
    line-height: 24px !important; 
    border: 1px solid black; 
    white-space: nowrap; 
} 

Here's the jsfiddle。

Answer 3

あなたはこのように？：意味display: inline-blockまたはfloat: left;