指定時にワードスペースが機能しないのはなぜですか？

私は現在、リストを行単位で読むのではなく、左から右に読むことにしていますが、今はそれらをあまりにも近づけているので、どのように単語のスペースを取りますか？私はテキストの間にスペースを入れようとしていて、単語の間隔を取ろうとしましたが、何も変わらないでしょう。 #menu idとinside li {}の両方で単語のスペーシングを試みましたが、まだ動作しませんでした。指定時にワードスペースが機能しないのはなぜですか？

<body> 
    <div id="container"> 
     <div id="nav"></div> 
     <img src="..."> 
     <h1>IndieForwardMusic</h1> 

     <ul id="menu"> 
      <li>Home</li> 
      <li>About</li> 
      <li><a href="..."</a></li> 
      <li>Contact</li> 
     </ul> 

    </div> 
</body> 



#menu { 
    position: absolute; 
    list-style-type: none; 
    margin: 0; 
    color: white; 
    font-size: 38px; 
    top: 10px; 
} 

li{ 
    float: left; 
    word-spacing: 30px; 
}

出典

2017-10-14 Seth.L

これらの 'li'プロパティには単語が1つしかありません。おそらくあなたは '文字間隔 'を考えているでしょうか？ – Jack

私は4つの言葉がまとまっていて、あまりにも近くにいるので、各単語の間にスペースを入れて、よりよく見えるようにしたい。 –

'li'sをスペース化したい場合は' li {margin-left：30px; margin-right：30px; } '。 @Jackが言及した理由のために、 'word-spacing'はここでは動作しません。 – Twometer

は1ワードのみが存在し、各liのようword-spacingを使用しないでください。 liをスペースに入れたい場合は、次のCSSを使用してください。

li { 
    margin-left: 30px; 
    margin-right: 30px; 
}

出典

2017-10-14 22:23:53 Twometer

わずかなマージンを設定します。

#menu li { 
margin:0 20px; 
}

出典

2017-10-14 22:19:21

私の考えを盗んだ皆さん、ありがとうございます。私はコメント – Twometer

に投稿しました。私はあなたが私の前にそれを投稿したのを見ていませんでした。 –

指定時にワードスペースが機能しないのはなぜですか？

答えて

関連する問題