问答搜索_PHP中国語ウェブサイト

記事特集学ぶダウンロードに質問プログラミング辞典ゲーム最近の更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

人気の検索：
PHP
MySQL
jquery
HTML
CSS

javascript - jq固定高テキストの展開と折りたたみ

{コード...} このような効果を実現するにはどうすればよいですか? 矢印を折りたたんだり展開したりして効果を書いてみました。ここに書かれている高さは固定されているため、理想的ではないようですが、このテキストの量は不確実ですデモ

伊谢尔伦 2017-06-29 10:09:11

JAVA の Textarea はどのようにして特定の幅を超えた行の折り返しを実現できますか?

Textarea が 100 の固定幅に設定されていると仮定すると、幅が 100 を超えた場合にテキスト領域を自動行に変更するにはどうすればよいでしょうか? Baidu で発生した問題はすべて JTextarea を使用して解決されますが、これは私が望むものではありません。

PHP中文网 2017-05-17 10:06:49

JavaScript - テキストを 1 行で表示し、文字数を超えた場合に置き換えるにはどうすればよいですか?

タイトルの通り幅は固定ですが、文字数を超える場合は...

大家讲道理 2017-05-19 10:13:23

javascript - 弾幕効果を模倣するときに発生するバグ

ポジショニングを使用して模倣弾幕エフェクトを記述すると、端に触れるとすぐにバグが発生します CSS: {code...} JS: {code...} 問題は、弾幕が左側に触れるとすぐに壊れることです画面の「でも、数字を入力するときはこうはなりません。固定幅を指定していないのですが、どうしてこうなるのですか？」

習慣沉默 2017-06-30 09:58:38

CSS: テキストの横にアイコンを配置するにはどうすればよいですか?

このような親 div 要素 (display:flex) があり、テキスト - スパン要素 (i) アイコン - div 要素の 2 つの子要素が含まれています。テキストが 1 行のみ (折り返しなし) の場合は、すべて正常に機能します。ただし、折り返す場合（2行以上）、要素の幅は最も太い行に基づいて調整されるため、長さが長い場合はテキストを折り返すようにしたいと考えています。上の例では、(i) アイコンを NORTH の隣に置きたいと思います。 (i)のアイコンをNORTHの横に置きたいです。

P粉668146636 2023-08-17 14:39:36

フレックスボックスを使用してコンテンツの幅に基づいてスパンを作成する方法

私はspanとdiv.parent{display:flex;flex-direction:row;width:230px;background-color:blue;}.child1{background-color:red; }.child2{min-width:40px;}を使用しました。これはスパン内のテキストです。スパンを常にテキストと同じ幅にし、div が親要素を占めるようにします。

P粉726234648 2023-08-15 12:26:13

フレックスアイテムをコンテンツサイズ以下に縮小できないのはなぜですか?

フレックスボックス列が 4 つあり、すべて正常に動作しますが、列にテキストを追加して大きなフォントサイズに設定すると、フレックスプロパティにより列が本来の幅よりも広くなってしまいます。 word-break:break-wordを使用してみましたが、列のサイズを非常に狭い幅に変更すると、テキスト内の文字が複数の行に分割され（1行に1文字）、列の幅は変更されませんでした。文字より小さいサイズにすること。このビデオをご覧ください (最初は最初の列が最も小さいですが、ウィンドウのサイズを変更すると、それが最も幅の広い列になります。

P粉038161873 2023-10-15 22:06:39

フレックスアイテムがコンテンツサイズを超えて縮小しないのはなぜですか?

フレックスボックス列が 4 つあり、すべて正常に動作しますが、列にテキストを追加して大きなフォントサイズに設定すると、フレックスプロパティにより列が本来の幅よりも広くなってしまいます。 word-break:break-wordを使用してみましたが、列のサイズを非常に小さい幅に変更すると、テキスト内の文字が複数の行に分割されます（1行に1文字）が、列の幅は一文字より小さいサイズ。このビデオをご覧ください (最初は最初の列が最も小さいですが、ウィンドウのサイズを変更すると、それが最も幅の広い列になります。常に尊重したいだけです)

P粉242126786 2023-08-27 16:35:08

ホワイトスペース: nowrap with flex: 1; 子の幅が小さすぎてテキストを収容できません

同じサイズの 2 つの div を 1 行にテキストに収める解決策が見つかりません。空白のように見えます。親の width:fit-content を設定した後、幅は考慮されなくなりました。これらは可能な限り小さく、常に同じサイズにする必要があり、テキストを 2 行目に折り返さないでください。 div{display:flex;width:fit-content;}.button{padding:10px20px;flex:1;white-space:nowrap;min-width:130px;w

P粉776412597 2023-09-04 13:30:47

タイトルが次のように書き換えられました: フレックスボックスメニューとタイトル付きのテーブル - テーブルの幅に基づいてタイトルを切り詰めることは可能ですか?

flexboxCSSを使用してこのようなことを実現したいと考えています。メニューは固定幅ですが、テーブルは自動的に拡大する可能性があり、ヘッダーは長い場合でもテーブルの幅を超えてはなりません。言い換えれば、テーブルは列コンテナーを拡張できる必要がありますが、ヘッダーは拡張できません。 +----+--------+|メニュー|タイトル||+--------+||テーブル|+----+--------+これは 1 つのフレックス列だけで簡単に実現できます。 <html><スタイル>

P粉642920522 2023-09-06 17:30:06

左側に固定画像、右側にボタン、中央または中央にテキストを配置するレイアウトを作成します。

左側に画像、中央にテキスト、右側にボタンを含む食品注文のレイアウトを作成しています。画像は左側に固定されていますが、ボタンは中央のテキストの長さに基づいて移動します。そこで、このレイアウトを修正したいと思います。ボタンも、左の画像と同じように右側に固定され、中央のテストの長さに依存しません。テキストが長い場合、テキストは次の行に移動されます。 Foodlist.jsimportReactfrom"react";import"./Foodlist.css";imp

P粉681400307 2023-09-04 21:02:34

フレックスアイテムをコンテンツサイズよりも小さくできないのはなぜですか?

フレックスボックス列が 4 つあり、すべて正常に動作しますが、1 つの列にテキストを追加して大きなフォントサイズに設定すると、フレックスプロパティにより列が本来よりも広くなってしまいます。 word-break:break-wordを使用してみましたが、役に立ちましたが、列のサイズを非常に小さい幅に変更すると、テキスト内の文字が複数の行に分割されます（1行に1文字）が、列の幅は一文字より小さいサイズ。このビデオをご覧ください (最初は最初の列が最も小さいですが、ウィンドウのサイズを変更すると、それが最も幅の広い列になります。常にフォローしたいだけです)

P粉432906880 2023-08-21 22:36:03

CSS は他のテクニックを使わずに水平ボタンを実装します

最も長いボタンの幅に基づいて、同じ幅の 2 つの水平ボタンを作成しようとしています。各ボタンのテキスト内容は、ユーザーが別のページで調整できるため、テキストの長さ/最初のボタンと 2 番目のボタンのテキストの長さを制御することはできません。ボタンを最長のテキストの長さに合わせて調整しますが、(モバイルデバイスのように) ページの幅を超えないようにしてください。ボタンをデフォルトで水平に表示したいのですが、水平に表示されない場合は、列として積み重ねます。テキスト全体が収まらない場合は、ボタンのテキストを折り返す必要があります。 <divclass=&qu

P粉893457026 2023-09-04 12:29:02

HTMLテーブル内のアンカータグテキストの取得を切り詰める方法

要素のアンカーテキスト内のテキストを切り詰めようとしています。アンカータグのスタイルに overflow:hidden;text-overflow:ellipsis; を追加しましたが、それでも折り返されます。以下は再現可能な HTML です: TestTest123ColumnAColumnBEntryAABC123ABC-ABC123ABC` アンカータグテキストの幅 50 ピクセルが気に入らないようです。列幅が問題になっていると思います。

P粉547170972 2023-08-16 12:24:24

width プロパティを追加してコンテンツを左に移動します。

ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1行ではなく2行で表示したいので、スタイルにwidth属性を追加しました。行 .p{font size: 12px; width: 200px} を使用すると、段落を 2 行で表示できますが、テキストが左に移動します。 .p{font size: 12px; width: 200px; textalignment: center; align items: center}; を試しても段落が移動しません。位置合わせされ...

P粉738046172 2024-04-06 22:01:35

固定ヘッダーと回転列ヘッダーを備えた表

固定ヘッダーと固定最初の列を持つテーブルがあります。また、列ヘッダーを 45 度回転したいと考えています。固定タイトルには背景色を設定する必要があります。ただし、次の列の背景が前の列のテキストと重なるため、45 度回転したヘッダーでは問題が発生します。問題の例を次に示します。 .fixed_table{white-space:nowrap;margin:0;border:none;border-collapse: Separate;border-spacing:0;table-layout:

P粉762730205 2024-04-03 08:50:32

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

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

P粉786432579 2023-09-14 17:17:47

私たちについて免責事項 Sitemap: PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！