単一列レイアウトに適応

単一列レイアウトの本体に背景色を追加するにはどうすればよいですか?最終的な効果を達成する方法がわかりません。答えていただければ幸いです、ありがとう

JIA 2018-03-17 23:45:41 0  0  1333

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

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

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

vim - エディター ウィンドウの最も美しいレイアウトは何ですか?

積み重ねる場合、最適かつ最も実用的なウィンドウ レイアウトは何ですか? 2 列、2 行、複数行複数列、グリッド、または縦 T ですか? または、他の何か？

習慣沉默 2017-05-16 16:41:12 0  11  1585

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

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

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

教師はいつモバイル レイアウトのビデオ チュートリアルをリリースしますか?

先生はいつモバイル レイアウトのビデオ チュートリアルをリリースしますか?!!!

五花小鱼 2021-04-02 18:28:06 0  1  2971

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

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

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

css - Flex レイアウトの問題

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

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

1 つの項目が最初の列の高さ全体にわたる 3 列のグリッド レイアウトを実装します。

CSSで1列のコンテンツをオフセットしたいと考えています。以下のようにするだけで簡単だと思います。これにより、上部はオフセットされますが、2 番目の列が最初の列の高さ (マージンを含む) と一致します。最初の列をオフセットするには他にどのようにすればよいでしょうか? https://jsbin.com/delobaluga/edit?html,css,output.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;}.grid.item

P粉659516906 2024-04-02 09:05:41 0  1  602

Next.js のレイアウトによりページのコンテンツが見えにくくなる

Next.js アプリケーションのレイアウトとして、マテリアル ui (https://mui.com/material-ui/react-bottom-navigation/) のボトム ナビゲーションを使用しようとしています。ただし、ナビゲーションによってページの下部が見えにくくなります。マージンとパディングを変更してみましたが、うまくいきませんでした。私は、マテリアル ui とまったく同じボトム ナビゲーションを使用しています。レイアウトなしだとこんな感じ。レイアウトによりコンテンツがマスクされます - ありがとうございました

P粉018653751 2024-04-02 19:42:19 0  1  446

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

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

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

JavaScript - 右の列は固定幅で、左の列は適応型で最小幅があります

右列は固定幅、左列はアダプティブですが、ある程度ウィンドウを縮小すると左列は小さくならなくなります。この効果を実現したい場合、どのようにレイアウトすればよいですか?

phpcn_u1582 2017-05-31 10:39:00 0  3  1028

CSS グリッド レイアウト、自動的に行を追加し、列幅をグリッド項目の最大幅に設定

任意の数のグリッド項目を含むグリッド レイアウトが必要で、グリッド項目がいっぱいになると、次のような新しい行が自動的に作成されます。 #grid{display:grid;width:256px;border:1pxsolidblack ;grid-gap:12px ;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));}#gridspan{background-color:lig

P粉818317410 2024-03-28 11:13:36 0  1  511

メディア クエリを使用しない 3 列のデスクトップから 1 列のモバイル レイアウトへ

ここにはいくつかの質問がありますが、私が探している問題を完全に解決するものではありません。ウェブサイトを持っていて、それをしたいとします。デスクトップではこれが必要です。これは簡単です。 Grid-template-columns: Duplicate (3,33%) (基本的に) ただし、モバイルでは単一の列に切り替わる前にこれが起こるようにしたいです。clamp()、minmax()、その他あらゆる種類のものを試しています。しかし、何も私が望むようには機能しません。はい、メディア クエリを完全に使用できますが、最新のメディア クエリを使用したいと考えています

P粉085689707 2023-12-23 14:03:05 0  1  576

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

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

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

JavaScript - スワイパーカルーセルチャートは、高さが一貫していない左右のレイアウトを使用します

スワイパーを使用する場合、左右に2つのレイアウトがあり、左右にスライドさせることができますが、右側のレイアウトは非常に長いため、左にスライドすると上部に配置されません。左ですが、右の滑り場で待ちます。何か良い方法はありますか？ ? ? ?上の写真と同様に、右側の赤いものであれば...

天蓬老师 2017-07-05 10:53:06 0  1  1146

フレックスボックスを使用してこのレスポンシブ レイアウトを実装する方法

Flex コンテナ内に xy 個のカードと 1 つのウィジェットをレンダリングする React アプリを作成しています。すべてのカードの幅と高さは同じですが、ウィジェットの高さはカードの高さ * 2 + 行ギャップに等しくなります。コンテナの幅はビューポートの幅に応じて変化し、視覚的にはそれぞれカードが 2 列または 3 列に見えるはずです。さらにわかりやすくするために、ウィジェットを青で表した、必要なレイアウトのモックアップ画像を提供しました。何を試しても、行の高さをそのサイズに変更せずにウィジェットを正しい位置に表示することはできず、「空」のままになります。

P粉733166744 2024-02-26 19:29:01 0  2  469

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

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

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

Vuetify プロジェクト リストのアダプティブ グリッド レイアウト

よくあると思われる問題に遭遇しましたが、それは克服できます。オブジェクトのリストを返す API クエリがあります。ページをコンテンツが詰まったカードのグリッドとして表示したいと考えています。グリッドに 5 つの列があり、行の数がリスト内の要素の数に適応するようにしたいと考えています。実装方法はわかります。例: items[{"id":1,"title":"title1,"description":"descri] を返すクエリがあります。

P粉710478990 2024-01-29 11:36:47 0  1  554

PHPの配列の問題

{コード...} 上記の配列を、[0]=&gt; int(2)の値[1]=&gt; int(2)をg_numの列として次の配列にアセンブルしてアセンブルする方法配列 { コード...} 変換後は次のようになります。マスター、ありがとうございます。 {コード...}

PHP中文网 2017-06-10 09:47:40 0  2  809

html5 - ブートストラップの列列幅の問題

教えてください、ブートストラップでは、アダプティブ レイアウトを設定するいくつかの状況があります。これを待っているのですが、これらすべての状況を書き留める必要がありますか? 4 つすべてを書く必要がない場合は、...

仅有的幸福 2017-06-27 09:19:09 0  2  1011