改行を含む 2 列レイアウト

編集プロジェクトで複数段組みの雑誌スタイルのレイアウトを試しています。モニターのサイズが増大し続ける中、私は紙の雑誌によく似たレイアウト (1 ページあたり 2 ～ 3 段組み) を作成して、モニターの利用可能なインチをすべて活用したいと考えました。私は記事管理に TipTap エディターを使用しています (非常にきれいな HTML コードが返されるため)。フロントエンドでは次の HTML 出力が得られます。 csscolumns クラスを使用して記事を 2 つの部分に分割します:article{columns:2;} しかし結果は次のようになります: すべての h2 を解決済みの段落に分割し...

P粉350036783 2024-02-03 21:08:53 0  1  403

css - flex を使用して 3 列レイアウトを実装する方法ですが、子要素の高さは適応的である必要がありますか?

flex を使用して図の 3 列のレイアウトを実装したいと考えています。現在、次の問題が発生しています。親要素が display: flex に設定されている場合、3 つの列の高さが同じになり、3 つの列の高さが必要になります。列をアダプティブに設定しようとしましたが、 flex-direction:colume も flex-flow:row nowrap も目的の効果を達成できません。

滿天的星座 2017-05-16 13:45:22 0  1  1604

レイアウトの問題

すみません、レイアウトについて教えていただけますか？

不言失败 2021-04-11 22:59:23 0  1  1390

左右の配置が間違っている

描画すると左右の配置が違うのはなぜですか?

P粉653371603 2022-01-18 19:02:01 0  1  1180

css - Flex レイアウトの問題

ヘッダーはフレックスレイアウトを使用しています 検索ボックスを横方向中央に配置したい ネイティブIOSのレイアウトと同様に、左右のコンテンツに影響されません 横方向中央のままです 実装した記憶があります以前はあったのですが、flex.cssを使ってから忘れてしまいましたので、ぜひご覧ください。

曾经蜡笔没有小新 2017-05-19 10:47:50 0  4  1054

java - 同じレイアウトを持つ複数のインターフェース?

5 つの異なるアクティビティがあるとしますが、5 つのアクティビティの下部のレイアウトと機能は同じです (ツールバーなど、他のレイアウトは異なります)。この同じレイアウトを基本クラスのみで記述する方法を知りたいです。 Activity と他の Activity は、この BaseActivity を継承して、次の目的のみを達成します。

ringa_lee 2017-06-20 10:06:35 0  3  1115

html - CSSレイアウトテーブルのセル間隔

テーブルレイアウトはcellspacing=0を使用しており、上部と下部のtrの間に1pxのギャップを表示する方法

迷茫 2017-05-16 13:28:07 0  2  1043

javascript - 聖杯のレイアウトに関する少しの疑問

これは標準的な聖杯レイアウトであり、HTML コード {code...} sheng.png です。

学习ing 2017-07-05 10:54:07 0  1  905

javascript -layuiのテーブルレイアウトで、tdの内容が多すぎて長すぎると、テーブルページが圧迫されて変形してしまいます。より良いレイアウト方法を探しています

タイトルにあるように、このページは主に関連情報を表示するために使用されます。 tdの内容が多すぎると次の行が圧迫されてしまいます。より良いレイアウト方法を探したい場合は、テーブル レイアウトは必ずしも必要ではありません]

迷茫 2017-07-06 10:35:25 0  2  1952

css3 - 両端のフレックスレイアウト

ボックス 1、2、および 3 は左側、上部、下部の中央に配置する必要があり、ボックス 4、5、および 6 は右側、上部と下部の中央に配置する必要があります。これは次の方法で実現できますか。いくつかの情報を確認したところ、次の一般的な状況のみが実現できないようです。

高洛峰 2017-05-16 13:27:30 0  1  824

JavaScript - CSS カルーセル チャートがレイアウトの問題に適応する

カルーセル レイアウトと同様に、外側の青いコンテナは幅が設定されておらず、100% 適応されます。各サブコンテナの幅は親コンテナの幅と等しく、行に表示されます。親を超えた部分は、要素が非表示になっていますが、jsを使わずに特定の環境下で実現できますか？

给我你的怀抱 2017-06-13 09:23:41 0  3  1074

デフォルトのレイアウトを変更せずに、MediaQueries を使用して、より低い解像度で表示されるレイアウトを変更することはできますか?

要素が期待どおりに表示されるようにデフォルトの解像度で「グリッド テンプレート列」レイアウトを使用していますが、それより低い解像度ではコンテナーの優先順位によってレンダリングされ、変更したい視覚効果が作成されます。デフォルトの解像度の場合: ディスプレイの左側、次にディスプレイの反対側、その下にレンダリングされます。解像度が低い場合は、要素をこのレイアウトでレンダリングする必要があります。次に、要素を 1 つずつ下に配置します。 <divclassName='containerabout_container'><div>&l

P粉301523298 2023-09-16 14:17:29 0  1  906

単一のグリッドまたは Flex を使用して多様なカード レイアウトを作成する: 実用的なガイド

写真のようなレスポンシブカードレイアウトを作成しようとしています。私が現在行っているのは、コンピューター、タブレット、モバイル デバイス用に個別のレイアウトを作成することです。次に、メディア クエリを使用して、他の 2 つのビューの表示プロパティを display:none に設定します。例: [コンピュータ] ビューにいる場合、コンピュータのカード レイアウトではディスプレイが「なし」に設定されていませんが、他の 2 台のコンピュータではディスプレイが「なし」に設定されています。これは機能しますが、多くの冗長性が生じます。 Flex または Grid を使用して 3 つのレイアウトすべてを実...

P粉808697471 2024-04-02 21:07:36 0  2  508

css - flex を使用してこのレイアウトを実装するにはどうすればよいですか?

この種のレイアウトを実装するために flex を使用するにはどうすればよいでしょうか? 3 回目まで書き終えることができなかったので、誰かに助けを求めました。 {コード...}

ringa_lee 2017-06-30 09:56:55 0  2  971

android - 2つのレイアウトの端に画像を設定する方法

図に示すように、このような効果を設定する方法は、画像が 2 つのレイアウトの端にあり、このアクティビティの下にビデオを再生するアクティビティがあり、フレーム レイアウトを使用して透明度を設定しています。透明。

淡淡烟草味 2017-05-16 13:34:07 0  2  888

objective-c - ios页面布局

问个布局的问题，整个页面可以上下滑动，圈住的地方又可以左右滑动。 我的思路：我想的整个页面是 tableview，圈住的地方是个cell。然后cell又是个 collectionview。collectionview的一个item是个tableview但是对...

PHP中文网 2017-04-28 09:05:46 0  2  629

CSS グリッド レイアウト 正方形のセル

CSSGrid-Layoutをベースとしてダッシュボード風のビューを作成したいと考えています。画面の全長に 16 列を配置したいと考えています (応答性があるはずです)。セルを正方形にするには、セルの高さをセルの幅によって決定する必要があります。問題は、一部のセルを複数のセルにまたがりたいことです。たとえば、2x1 セルを占める要素が必要です。基本的なグリッドレイアウトがあります: .grid-container{display:grid;grid-template-column

P粉593536104 2023-08-15 20:13:32 0  1  487

React レイアウト VS ルーター

React でのコンポーネントの表示またはルーティングについて質問があります。ヘッダー、左側のメニュー、コンテンツ セクションを含むホームページのレイアウトを設定しました。アイデアは、メイン コンテンツ セクションのみを変更する必要があるページを作成することです。これが良いアプローチなのか、これを行うにはルーターを使用する必要があるのか​​、それともフックだけを使用する必要があるのか​​疑問に思っています。私がやっていることでは、 useState フックを使用してコンポーネントを表示するように設定しているだけであり、ルーターは必要ありませんが、これが正しいアプローチであるかどうか疑問に思って...

P粉387108772 2023-09-11 13:01:22 0  1  555

2カラムレイアウトにおけるフロートクリアの問題について

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>2 列レイアウトの例</title> <style> b

益伦 2018-07-27 13:30:31 0  2  1356

はしご状の分布

動画と同じなのですが、なぜラダー振り分けが設定できないのでしょうか？

P粉693705174 2023-08-19 13:42:31 0  0  401