コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 5記事を1行に表示したい_html/css_WEB-ITnose

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

WBOY
リリース： 2016-06-24 12:20:11
オリジナル
1102 人が閲覧しました

最初は、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 です

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

を追加するだけです

関連ラベル：
一行我想显示5篇文章
ソース：php.cn
前の記事：トップナビゲーションとボトム著作権はそれぞれWebページの上部と下部に配置され、右側にはドロップダウンスクロールバーがないことを実現したいと考えています。 _html/css_WEB-ITnose 次の記事：Sina Weibo oathu2.0 の問題に関するサポートをお探しですか? ? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
DIV を両側のコンテンツに合わせて中央揃えにします したがって、(含まれる DIV 内に) 5 つの項目があります。項目の並びは以下の通りです。 テキスト 画像 DIV 画像 テキスト DIVを中心にして画像がDIVを「抱き締める」...
から 2024-04-04 23:19:14
0
1
3438
ベアラー トークンを処理するために適切なアプリケーション アーキテクチャを選択する OAuth2.0 を使用する API を使用したい つまり、サーバーが私の身元を確認できるように、後続のすべてのリクエストに含める必要があるアクセス トークンを取得する必要がありま...
から 2024-04-04 08:55:57
0
1
353
div を使用せずに複数のスパンクラスを同じ行に置くことは可能ですか? 各テキストに異なる色を付けたかったので、複数のスパンクラスを使用して CSS で色を設定しました。また、テキストに改行を入れたかったので、div を使用しました。このフィドルは私が...
から 2024-04-03 11:17:18
0
1
360
PHP および MYSQL のクロス集計クエリ MySQL でクロス集計クエリを実装する方法を探していたところ、この投稿から答えを見つけました: MySQL で動的列として行に日付を表​​示する。クエリを試してみると機能しました...
から 2024-04-02 22:34:20
0
1
414
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート