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

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

Grid-template-rows:Repeat(auto-fill, 80px) は、grid-auto-rows: 80px と同じ意味で使用できますか?

動的コンテンツを追加するときに、グリッドで必要に応じて行を追加したいと考えています。これでうまくいきます: .grid{display:grid;grid-template-rows:80px;grid-auto-rows:80px;//grid-template-rows:repeat(auto-fill,80px);grid-template-列:repeat(auto-fit,minmax(340px,1fr));グリッド-

P粉823268006 2023-09-12 21:10:45

親要素の高さを設定したにもかかわらず、依然として垂直方向の中央揃えを実現できないのはなぜですか?

mx-auto クラスは使用できますが、myContainerFixed クラスは固定高を正常に表示しますが、my-auto クラスを機能させることができません。例 css.mx-auto{margin-left:auto;margin-right:auto;}.my-auto{margin-top:auto;margin-bottom:auto;}.myContainerFixed{height:90vh;}@screenlg{。

P粉493534105 2023-09-11 17:27:43

アンラップされた CSS GRID 適応フィッティング

.index-tous-metier-container{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));overflow-x:hidden;}@media(max-width :1000px){.index-tous-metier-container{グリッドテンプレート列

P粉403549616 2024-03-31 09:37:32

JavaScript - React で antdesign のテーブルコントロールを使用していますが、独自のスタイルで呼び出し元クラスの特定の属性を強制的にオーバーライドするにはどうすればよいですか?

ble にはデフォルトで .ant-table クラスが付属しており、そのうちの 1 つは overflow: auto; デバッグ時にこれをオフにしている限り、上記のインターフェイスを完全に表示できることがわかりましたが、この className を手動で記述していませんでした。今フロントデスクにいます。このオーバーフロー: auto; 属性を削除したいです...

PHP中文网 2017-05-24 11:39:01

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

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

C++ - この条件文は何を意味しますか?

関数 sting::size_type find_char(const string &s,char c,string::size_type &occurs){auto ret = s.size();occurs = 0;for(decltype() の 2 番目の if ステートメントの意味を説明してください。 ret ) i = 0;i != s.size(); ++i){ if...

漂亮男人 2017-06-19 09:07:35

javascript - レスでのbackground:urlの問題

背景: url(${@http}/img/icon/daorug@2x.png) no-repeat center 3rem / auto 25%; @http は変数ですこのように書くのは非現実的ですし、分析！どうすればよいか尋ねますか？

ringa_lee 2017-05-19 10:30:55

グリッド表示でロゴのテキストが正しく表示されません

ロゴの周囲に白い背景を残すのではなく、ロゴを全幅に表示しようとしています。 body{text-transform:capitalize;margin:0;}.page{background-image:url(./hero-bg.jpg);display:grid;height:100vh;grid-template-columns:10%auto;grid -template-rows:15%autoautoauto;g

P粉647504283 2024-02-04 08:50:49

JavaScript - margin:auto auto を上下左右に揃えることができないのはなぜですか?

HTML には div が 1 つだけあります。 {コード...} css1 は div.test を左右に中央に配置できます。 css2: {コード...}

过去多啦不再A梦 2017-06-24 09:42:38

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

Margin:0 auto が設定されていますが、中央に配置できないのはなぜですか?

<!DOCTYPE html><html><head><meta charset ="UTF-8"><title>1. 単一列の等幅レイアウト</title><style type=" text/css ">.container{最大幅: 960px

cp3 2018-05-04 16:04:03

ナビゲーション要素は表示の影響を受けません: グリッド

ナビゲーションバーにいくつかの ulli 要素をグリッド表示に設定していますが、期待どおりに機能しません。 li 要素は、グリッドが適用されていないように見えます。これはコードです: *{padding:0;margin:0;}.grid-container{display:inline-grid;grid-auto-columns:autoautoautoauto;text-decoration:none;}.grid-containerli{list-s

P粉295728625 2023-09-20 12:05:51

javascript - fullpage.jsの自動高さ無効化問題について

{コード...} これは私のコード fullpage.js と fullpage.css です。fullpagejs の GitHub アドレスからダウンロードしました。fullpage のデモ GitHub によって提供されたデモコードアドレスに従ってコピーをコピーしましたが、表示されませんでした。デモへの影響<fp-auto-heig のように見えます...

滿天的星座 2017-06-30 09:55:48

CSS グリッドテンプレート列 - 新しい行で単一列を避ける

CSS グリッドを使用して列のサイズを変更し、列が収まらない場合は新しい行に移動します。すべてを説明するコードは次のとおりです。 .tiles-container{display:grid;grid-gap:6rem;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),2fr));}a {背景:赤;高さ:100px;}<divclass=&qu

P粉691958181 2024-03-28 17:05:36

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

Bootstrap 5 のナビゲーションバーのドロップダウンメニュー (折りたたみ) に機能上の問題があります。

Bootstrap5 を使用して応答性の高いメニューまたはドロップダウンボタンを作成しようとしているときに問題が発生しました。すべて順調のようです。ナビゲーションアイコンとドロップダウンアイコンが表示されます。しかし、それらは機能しません。ナビゲーションアイコンまたはドロップダウンボタンをクリックしても、ドロップダウンメニューが表示されません。 jquery ファイルもインクルードしたことを特に言及したいと思います。しかし、うまくいきませんでした。ここで何が起こっているのか誰か教えてもらえますか？最後に、mr-auto、ml-auto などの他のブートストラップクラスを使用してい...

P粉322319601 2023-08-22 20:42:45

スクロール可能なコンテンツの高さを動的に調整する (Ion Page、React)

ionicReact ページに非常に大きなテキストが含まれているため、ページ全体を埋めるのではなくスクロールさせたい場合は、次のスタイルが非常に役立ちます: <divstyle={{overflow:'auto',flex: '11auto', height:'200px'}}>SomeText</>しかし、たとえば次のようなコンテンツとフッターを含むページがあるとします。<IonPage

P粉478835592 2023-09-07 18:08:44

ツールヒントのリンクとボタンが機能しない

ツールヒント内からクリックイベントをトリガーしようとしています。クリックイベントを含むボタンを配置しましたが、機能しません。ツールチップ内に外部リンクを追加してみました。それもうまくいきません。要素のスタイルは取得できますが、発生したクリックイベントは取得できません。これはツールチップ構成ツールチップです:{useHTML:true,style:{pointerEvents:'auto'},formatter:function(e){return'<div>'+this.x+'

P粉418854048 2024-04-04 22:01:46

テキストを自動的に配置できません

テキストがアラビア語の場合は右から、テキストが英語の場合は左から始まるように、テキストを自動的に配置しようとしています。インターネットで検索した結果、タグで dir="auto" を使用し、CSS ファイルで text-align:auto; を使用する必要があることがわかりました。 h1 タグは使用しましたが、a タグは使用しませんでした。コード: import "./item.css"; constItem=({Links,title})=>{retur

P粉043470158 2024-02-25 20:32:36

CSS グリッドを使用したカスタムレイアウト: 特定の要素をターゲットにする

CSS グリッドを使用してこのデザインを再現する必要があり、結果を取得するために特定のグリッド要素を配置しようとしましたが、成功しませんでした。これが現在のものです。いくつか修正する必要がありますが、その前に構造を正しく整えたいと思っています。コードスニペットを添付します: .grid-container{display:grid;grid-template-columns:repeat(13,minmax(30px,auto));gap:30px;}.grid-item{background-colo

P粉144705065 2024-03-28 11:25:39