だから私は、li 要素の行がページの幅の 100% を埋めることを可能にする HTML/CSS を作成しようとしています。各 li 内のコンテンツは動的であるため、可変幅 (通常は 1 つまたは 2 つの単語) にすることができます。各 li セクションもコンテンツの幅である必要があり、等しくはありません。
私は現在、jsFiddleで見ることができるこれを行うためにdisplay:tableとdisplay:table-cellを使用しています。
ul {
list-style:none;
padding:0;
margin:0;
display:table;
width:100%;
text-align:center;
}
ul li {
display:table-cell;
}
ただし、ページの幅が変更されると (バーを jsFiddle にドラッグすると)、項目がまとまって画面からはみ出します。CSS を使用して、li が下の次の行に流れ落ちることがありますか?