に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

P粉593536104 2023-08-15 20:13:32

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

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

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

P粉710478990 2024-01-29 11:36:47

CSSのグリッドレイアウトのボックスプロトコル

最初の 2 つのボックスを最大幅で上に移動させ、2 番目のボックスを最大幅で下に移動させたいのです。コードは次のとおりです。これは CSS コードです: /*StartServices*/.services{padding-top:var(--section-pading);padding-bottom:var(--section-pading);}@media(min-widht:768px) { .services.services-contianer{表示:

P粉334721359 2024-04-03 16:36:04

固定列と列位置を使用したグリッド自動レイアウトの混合

CSS を使用した次の HTML があります Grid<divid="grid"><divclass="main-item">Main</div></div>#grid{display:grid;grid-template-columns:repeat( 5, auto);text-align:center;}#grid>*{bo

P粉492959599 2023-09-15 16:01:55

コンテンツの拡張を制限するグリッド項目

TL;DR: CSS グリッドレイアウト用の table-layout:fixed に似たプロパティはありますか?月を表す大きな 4x3 グリッドと、日付を表す 7x6 グリッドが内部にネストされた年表示カレンダーを作成しようとしています。カレンダーはページ全体に表示される必要があるため、年のグリッドコンテナーの幅と高さは 100% に設定されます。 .year-grid{幅:100%;高さ:100%;表示:グリッド;グリッドテンプレート:repeat(3,1fr)/r

P粉199248808 2023-08-20 19:49:37

Tailwind CSS を使用してグリッド内の項目の最後の行を中央に配置するにはどうすればよいですか?

Tailwind (React を使用) を使用して最終プロジェクトをグリッドレイアウトに配置しようとすると問題が発生します。基本的には 3 つのアイテムが必要で、3 つのアイテムが残っていない場合、つまり 2 つまたは 1 つがある場合は、それらを中央に配置したいと考えています。ある種のコルスパンを試しましたが、期待どおりに機能しませんでした。私がやろうとしていることをよりわかりやすく説明するために、いくつかの図を添付しました。現在のレイアウト: 2 項目が残っている望ましいレイアウト: 1 項目が残っている望ましいレイアウト: <divclassName="xl:gri...

P粉311563823 2023-08-28 20:06:09

CSSでグリッド線を表示できますか?

CSSグリッドレイアウトを学び始めました。理想的な世界では、複数のグリッドボックスを含む div を設定し、その中に要素を正確に配置し、必要に応じてオーバーレイを提供できるようになります (Illustrator でグリッド上にスティックを使用するようなものです)。グリッドを視覚的に表現しないとこれは非常に困難です。ライブサーバー上でグリッドを表示することはできますか? Chrome 開発ツールの「グリッド線の表示」を使用してみましたが、更新または変更を行うたびにグリッド線が消えてしまいます。または、複数の要素と空のスペースで構成されるより正確なものが必要な場合

P粉133321839 2024-03-31 20:38:21

css - ionic のグリッドレイアウトでは、さまざまなテキストコンテンツを含む各列のコンテンツを垂直方向の中央に配置するにはどうすればよいですか?

以下に示すように、データの各列は角度トラバーサルによって生成されます: 左側の名前テキストがわずかに異なるため、右側のデータは上に表示されます。、でも効果はありません。、行の高さの設定も試しましたが、それも機能しませんでした...

给我你的怀抱 2017-06-15 09:23:53

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

CSS グリッドレイアウト: 複数の行にまたがる要素のベースラインを他の列の最下行に揃えます。

ディレクトリのベースラインを揃えたい。 #grid{display:grid;grid-template-columns:1fr1fr;align-items:baseline;}#a{grid-row:1/span2;grid-column:1;padding:8px;background:red;}#b {グリッド行:1;グリッド列:2;背景:黄色;}#c{グリッド行

P粉032649413 2023-08-02 15:26:53

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバーデータベース初期化コネクタのコードスニペットです。

P粉178132828 2023-09-05 11:18:47

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイルデバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイルデータ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショーアーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38