幅

このレッスンと次のレッスンの幅の設定は同じですが、このレッスンのフォントが横にあり、2 番目のレッスンの幅ほど広くなく、次のレッスンのフォントが上にあるのはなぜですか?

A乐顺发智能回转餐饮设备 黄莎莎 2020-06-03 17:13:19 0  0  1230

place-content: center を使用した全幅 CSS グリッド項目

次のように CSS グリッドの place-content:center を使用して、固定コンテナ内で div を垂直方向と水平方向に中央揃えにしました: .outer{position:fixed;inset:0;background:black;display:grid;place-content:center ;}.inner {パディング:30ピクセル;背景:白;幅:100%;最大幅:500ピクセル;}&

P粉245003607 2023-09-05 17:54:47 0  2  448

テーブルの配置には配置のみが含まれ、サイズ、長さ、幅、背景色は含まれません。

テーブルの配置には配置のみが含まれ、サイズ、長さ、幅、背景色は含まれません。

古。。 2019-01-18 14:42:28 0  2  1074

cssでfloatを設定した後、span要素にwidth属性とheight属性が付くのはなぜですか?

cssでfloatを設定した後、span要素にwidth属性とheight属性が付くのはなぜですか?

P粉301974093 2023-06-02 22:34:48 0  3  1938

スクロールバーが表示されていない場合の tbody の幅を変更する

スクロールバーのあるテーブルがあり、テーブルをフィルターするとスクロールバーが表示されませんが、これは私にとっては良いことですが、問題は幅が変化し、テーブルの幅が大きくなることです。次のようになります: スクロールバーあり: スクロールバーなし、フィルタリング後: これは私の CSS コードです: .table{table-layout:fixed;width:100%! important;}tbody{display:block;height:326px ;overflow:auto ;width:1205px;}頭

P粉211273535 2024-04-02 11:15:58 0  1  366

vuetify ルールを使用して画像の幅と高さを検証することはできますか?

vuetify を使用して画像の幅と高さを検証したいと考えています。画像を確認して条件と比較する関数を書きました。画像の幅、高さは確認できますが、ルールは常に間違っています <v-file-input:id="'file-input-'+label"ref="fileInput":rules="rules.minResolution"class ＝ ファイル入力

P粉652523980 2024-03-29 14:30:58 0  1  451

JavaScript - モバイルデバイスで再生するビデオに通常どのような幅、高さ、品質を使用していますか?

ビデオ ソース ファイルは 1080p、3000 kbps を超えるビデオで、長さは約 4 分です。 PC側では720p、1000kbpsに圧縮して30Mくらいのサイズです。ただ、モバイル端末に載せるとなると、まだ少しサイズが大きい気がするのですが、どうやって圧縮するか迷っています。幅、高さ、ビットレートなど。プレス...

大家讲道理 2017-06-12 09:25:10 0  1  798

max-content CSS グリッド列の最小幅と固定幅

CSS グリッドがあり、その列幅を列内の最大項目の幅または 100 ピクセルのいずれか小さい方にしたいと考えています。 minmax(max-content,100px) が機能するかもしれないと思いましたが、そうではありません。以下の例では、狭い列は max-content (ただし 100px)、広い列は 100px (ただし max-content) である必要があります。 CSSグリッドを使用してこれを行うことは可能ですか? .table{ディスプレイ:グリッド;ギャップ:4px;グリッド テンプレート

P粉245003607 2023-09-06 11:26:46 0  1  479

タイトル変更: div 列と残りの幅を修正

すべての列がブラウザウィンドウの高さ全体になる、5 列のレイアウトを作成しようとしています。中央の列を除いて、他の列は固定され、ブラウザ/ドキュメントがスクロールされたときに移動しないようにする必要があります。中央の列には Web サイトのコンテンツが含まれており、垂直方向にオーバーフローするため、ブラウザーでは通常どおりスクロールする必要があります。それとは別に、中央の列を除くすべての列は固定幅を持っており、中央の列が残りのスペース（親要素の100％の幅）を占める必要があります。要件の1つは、フレックスボックスまたはCSSグリッドを使用しないことです。以下のコードは私が得たものです。列「c」...

P粉786432579 2023-09-14 17:17:47 0  1  626

タイトルは次のように書き換えられます: Vue.js 3 と Tailwind CSS の RatingBar コンポーネントの動的幅レンダリングの問題を解決する

Vue.js3 と TailwindCSS を使用しています。 RatingBar というコンポーネントがあり、親要素のクラスに動的な幅の値を適用しようとしています。ただし、DevTools では予想される幅が表示されますが、レンダリングは 100% です。これは RatingBar.vue コンポーネントのコードです: <template><divclass="my-2gridgrid-cols-3items-center"&g

P粉803527801 2023-09-01 10:19:15 0  1  396

トランジションタグについてclass属性に対して無効なようです

.two{幅: 100px;高さ: 100px;背景: #FF6500;トランジション: 幅 2s;}.two:hover{幅:450;}p{幅: 200px;高さ: 200px;背景: #ff6500; トランジション: 幅2s;}p:hover{width: 500px;} 上記のコードは p タグに対して有効です

复印名片广告 2020-03-05 11:45:12 0  0  1682

子要素の配置に関する問題

.left{ 位置: 絶対;左: 0;幅: 200ピクセル;高さ: 600ピクセル;背景色: #f03333; .right{ 位置: 絶対;右: 0;幅: 750ピクセル;高さ: 600ピクセル;背景色

张 2018-03-24 21:47:26 0  1  1445

要素の配置にフレックス ボックスの代わりにpositionを使用することを検討する必要があるのはどのような場合ですか?

Document#dn{width:400px;height:400px;padding:20px;border:2pxsolid#cd1313;}.box1{width:100%;height:100%;display:flex;justify-content:center;align-items:中央;テキスト配置:中央;フォントの太さ:太字;色:w

P粉914731066 2023-07-23 17:48:48 0  1  630

なぜ私のものは表示されないのですか? QQ グループかそのようなものはありますか?

<スタイル> .nav{ 幅: 200px;高さ: 50px;背景色: 赤;テキスト配置: 中央; .nav_1{幅: 200ピクセル;高さ: 50ピクセル;背景色: #ccc;テキスト整列: センター;表示: なし;} .nav:hover .na

菜鸟 2018-10-25 18:41:01 0  1  976

:before および :after 擬似要素に「content」属性が必要なのはなぜですか?

特定のシナリオで、:after セレクターが機能するために content 属性が必要なのはなぜですか? .test{幅:20px;高さ:20px;背景:青;位置:相対;}.test:after{幅:20px;高さ:20px;背景:赤;表示:ブロック;位置:絶対;上:0px;左:20

P粉653045807 2023-07-17 18:43:31 0  2  525

なぜverticalalign:textbottomとverticalalign:bottomは同じ効果があるのですか?

ライン ボックスのベースラインの位置は、ライン内のすべての要素の影響を受けます。 .short-box{幅:30px;高さ:30px;背景色:ピンク;表示:インラインブロック;}.box{背景色:ビスク;マージン-ボトム:10px;}.tall-box{幅:30px ;高さ:100px;背景色:ピン

P粉633309801 2024-04-02 09:45:45 0  1  426

CSSの右浮動単語の順序が逆になる

<スタイル>*{ マージン:0;パディング:0; list-style:none;}img{ border:0;}.header{ width:100%;背景:#11192c;}.nav{ 幅:1000px;マージン:0 自動; overflow:hidden;}.nav ul li{ height:40px;行の高さ:4

古今公子? 2021-08-02 23:37:40 0  3  2138

背景画像が正しく表示されない原因

css代コード：.header{幅: 1226px;高さ: 100ピクセル;マージン: 0px 自動;行の高さ: 90px;パディング左: 40px;}.content{ 幅: 100%;高さ: 580ピクセル;背景: url(../img/login.png);}html代：<div class=&quo

Goshawk 2019-01-12 19:15:16 0  3  1168

React.js CSS ウィンドウの幅

Reactを使用してレスポンシブWebサイトを開発しています。スタイル設定には CSS スタイルシートを使用します。応答部分は @media クエリを使用して CSS で実装されます。問題は、Chrome を使用すると要素が大きく表示され、レイアウトが小さな画面 (タブレット) からサイトにアクセスしているように見えることです。私の理解では、Chrome はビューポートが小さいと「考え」、メディア クエリに適切な情報で応答します。この問題は、一定期間正常に動作した後、開発中に発生しました。何が間違っているのでしょうか?どうすれば修正できますか?注: Firefox で Web サイトを開く場合

P粉396248578 2024-03-31 16:31:23 0  1  464

パディングを使用して親要素内の兄弟画像/divの重複と同じサイズを実現する方法

画像をカバーするdivが必要です。親要素でposition:relativeを使用し、divでposition:absoluteを使用すると、divが画像をカバーするようにできますが、背景色が親要素のパディングを埋めるため、適切にカバーできません。以下は問題を示すスニペットです。 .parent{位置:相対;パディング:10px;幅:40%;}.image{幅:

P粉554842091 2023-09-12 10:49:55 0  2  540