css - 要素に応じて幅を調整するcss

Question

私はナビゲーションメニューを開発しています

画像が表示されている場合、右側にスペースが残っています。そこのスペースを自動調整するにはどうすればよいですか。

そこにある要素の数は固定されていません..それらは2、3、4または何かになる可能性があります

【現在4人】

Answer 1

これを実現する最善の方法は、 ;を使用display: tableして、水平ナビゲーション バーをテーブルとして動作させることです。ulそしてdisplay: table-cellあなたのli。

いくつかのコードを投稿すると、より良い指示を与えることができます。しかし、ここに例があります：

    nav { 
        width: 500px; /* This would be set to the width of the existing container */
    }

    nav ul {
        list-style: none;
        margin:0;
        padding:0;
        display: table;
        width: 100%; 
    }

    nav li {
        text-align: center;
        display: table-cell;
    }
    nav a {
        display: block;
        text-align: center;
    }