grid-layout

0熱

1答えて

CSS-グリッド：トラブルグリッドを定義するにはCSSグリッドを使用し

ルール、私はこのように見えるレイアウトを作成しようとしています： 私が最初に越えて下に（小さい）要素を配置するにはどうすればよいですネストされた要素を使用せずに行？小さな要素の数は何でもかまいません。私はgrid-auto-columns: 2fr;を使って私の仕事を達成しようとしましたが、うまくいきません。 は、ここで私はこれまで試したものです：私はCodepen main { d

html css css3 grid-layout css-grid 2017-12-07

---

2熱

2答えて

Tkinterグリッドダイナミックレイアウト

グリッドレイアウトを作成したいと思います。最初の行がウィンドウ内の空き領域を使い果たし、下の行にアイテムを動的に移動させるグリッドがあります（テキストの折り返しなど） 。ウィンドウの幅が調整されると、グリッドはフィットするように調整されます。ボックスのサイズ変更は望ましくありません。私は各小さな箱のサイズを維持するつもりですが、レイアウトが各箱を置く場所を変更します。 フレームの幅を測定することに

python python-2.7 user-interface tkinter grid-layout 2017-12-07

---

0熱

1答えて

GridLayoutはJFrame/JPanelで一緒にSquishedしました

私はTicTacToeゲームを作成しようとしています。 1つのボードのみがユーザによって再生可能であり、ユーザがセルをクリックすると、セルはX/Oで満たされ、同じセル（第2のボードのランダムな場所に）はX/Oで満たされる。ユーザーはどちらのボードでも勝つことができます。この問題は、ボードを構築してそれぞれのJPanelに表示させるときに発生します。私は理想的にはJFrameをフルスクリーンにしてs

java swing jframe jpanel grid-layout 2017-12-10

---

0熱

1答えて

自動フィットを使用するときにCSSグリッドの空白を折りたたむ - 列が折り返されたときに望ましくない動作が発生する

CSSグリッドのauto-fit機能を使用して、異なる画面サイズでグリッドアイテムをきれいにラップしようとしています。これは、 tedグリッドコンテナに入れたアイテムがすべて同じサイズの場合にうまく動作します。しかし、アイテムを異なるサイズにすると、小さな画面サイズの場合、アイテムが折り返されたときに望ましくないサイジングが発生します。 .wrapper { display: gri

css css3 grid-layout css-grid 2017-12-11

---

4熱

1答えて

CSSグリッドレイアウト - 必要な数の列にまたがる項目を作成します。

CSSグリッドレイアウト（理想的には明示的な列グリッド）を使用します。 そして、x軸に沿って余分なスペースを吸収したり、他のアイテムで使用されていない数の列にまたがる柔軟なアイテムを用意したいと思います。 完全な解決策は、非占有の列（flexプロパティに似ています）全体にアイテムを張るプロパティですが、CSSグリッドでは不可能です。 私は例を作ってみるよ： 次のレイアウトは、グリッド上に配置されて

css css3 grid-layout css-grid 2017-12-13

---

2熱

1答えて

内側のグリッドが外側のグリッドを外にしてクロムを展開しないのはなぜですか

私は大文字のグリッドスタイルでネストされたグリッドレイアウトを作成しています。ネストされたグリッドには100％幅に設定された画像があり、その高さは比例して増加し、その直下の親グリッドは垂直方向に拡大します。しかし、Chromeでは、祖父母グリッドは成長しません。 私はここの状況を嘲笑しました：https://codepen.io/anon/pen/vpEVZj?editors=1100 、最初.s

css google-chrome grid-layout 2017-12-13

---

0熱

1答えて

選択した行の下にドロップダウンローがあるレスポンスグリッド

ええ、これを説明する方法は実際にはわかりません、so here's a diagram of what I want。基本的には、グリッドやフレックスボックスで簡単に反応する「アイテム」のグリッドが必要です。しかし、私はまた、現在選択されている項目の下の行に説明を表示したい。 私はそれを行う方法を持っていますが、それは非常に応答性が高くない、または拡張性がありません（私は多くのことをする新しい項目

javascript html css flexbox grid-layout 2017-12-18

---

6熱

1答えて

幅を埋めるためにアイテムを伸ばす方法を教えてください。彼らは緑<code>container</code>ボックスの幅全体を埋めるように、私は赤<code>item</code>ボックスを少し伸ばすことができますどのように

.container { display: grid; grid-template-columns: repeat(auto-fill, 100px); grid-gap: 3px; border: 1px solid green; } .item { border: 1px solid red;

css css3 grid-layout css-grid 2017-12-19

---

0熱

1答えて

gridlayoutを使ってパネルに項目を配置する

皆さん、皆、私はGUIでJavaでチェッカーボードを描こうとしています。私はゲームボードの四角形の正方形のクラスを作成しました。 広場クラス： import javax.swing.*; import java.awt.*; public class Square extends JPanel { private int width = 80; private int height =

java graphics jframe grid-layout 2017-12-25

---

1熱

1答えて

GridLayoutはプレビューと異なるレンダリング

私の電卓アプリケーションでは、GridLayoutを使ってすべてのボタンをレイアウトします。ここに私のコードがある ：私はネクサス5倍エミュレータ上で自分のアプリケーションを実行するときしかし、それはこのようになります ：アンドロイドStudioのプレビューでは、このようになりますレイアウトファイル <?xml version="1.0" encoding="utf-8"?> <GridLayo

java android grid-layout 2017-12-28

---