5記事を1行に表示したい_html/css_WEB-ITnose

最初は、6つの記事の後に行を折り返すようにして、各記事の後にスペースを埋めていましたが、他の一致する記事を埋められることがわかりました。

この方法はあまり良くないと思いましたが、この方法に慣れていません。どうすればよいですか？ ?ありがとうございます




以下は私のオリジナルの方法です。C# razor view を使用しています

    <div>        @foreach (var cat in Model.CateFather)        {            if (cat.IsMagazine.HasValue && cat.IsMagazine.Value)            {            @Html.ActionLink(cat.Name, "Magazine", "Lib",new { id = cat.ID }, new { target = "_blank", title = cat.Name });       //杂志类型            }            else            {            @Html.ActionLink(cat.Name, "Category", "Lib", new { id = cat.ID }, new { target = "_blank", title = cat.Name })  //一般分类            }            counter6 = counter6 + 1;            if (counter6 % 6 == 0)            {            <br />                counter6 = 0;            }            else            {                            int i = System.Text.Encoding.GetEncoding("gb2312").GetBytes(cat.Name).Length;                string strSpace = "";                if (30 > i)                {                               @strSpace.PadRight(30 - i, '-');                }                            }        }    </div>

ディスカッションへの返信 (解決策)

今、私は div レイアウトを使用していますが、新しい問題があります。下の図を参照してください
赤枠のコマが一番下だと思っていたらなぜ右に移動したのですか
どう書けばいいのでしょうか？



以下は HTML です

または自分で実行してください

394b7229b5ae9892a5bbebffc0a76d56 を追加するだけです