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

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

テキストとアイコンが中央に配置されたボタン

アイコンとテキストを含むボタンコンポーネントを開発しています。アイコンはボタンの左側に配置され、テキストはボタンの中央に配置されます。テキストがボタンに収まらない場合は、折り返さずに切り詰めてください。テキストを切り詰める重要な条件は、テキストがボタンの端からアイコンまでの距離と同じ距離にあることです。したがって、ボタンに均等なインラインパディングを追加することはできません。テキストが切り取られない場合は、ボタンの中央に配置されます。ただし、アイコンに重なったり、ボタンに収まりきらなかったりすると、テキストが切れてしまいます。つまり、通常の状態ではアイコンの位置は変わりませんが、テキストのス...

P粉033429162 2023-08-15 11:01:09

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

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

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

「代替テキスト」でテキストを上付き文字として表示するにはどうすればよいですか?

次のように代替テキストでテキストを上付き文字として表示する方法: 値 10

P粉346326040 2023-10-30 16:03:47

Select2 選択ドロップダウンメニュー: テキストと重なっているアイコンをクリアします

選択メニューでカーソルを置いた X の「クリア」ボタンの下にテキストが重なるという問題が発生しています。右側にパディングを追加しても、アイコンがボックスの外に押し出されてしまうため、解決策にはなりません。ここ https://select2.org/ と Bootstrap5$("#search_bar").select2({theme:'bootstrap-5',placeholder:"Sometext",allo) にある Select2JS ライブラリを使用しています。

P粉156415696 2024-02-25 14:54:04

React-chartjs-2.js を使用してドーナツチャートにテキストを挿入するにはどうすればよいですか?

グラフのタイトルが上部にあり、ラベルがドーナツグラフの右側にある場合に、react-chartjs-2.js と Typescript を使用してドーナツグラフにテキストを挿入する方法。私がこれまでに見つけた解決策は、サイドタグや React/TS では機能しないようです。これが私が今持っているものです: ...setOptions({応答:true,plugins:{legend:{position:'right',rtl:true,labels:{usePointS

P粉378264633 2024-03-30 15:14:29

PhpStorm の PHP ファイルの前のアイコンがファイルに変わります

PhpStormでphpファイルの前のアイコンがfileに変わってしまいましたファイル作成時にうっかりphpというサフィックスを入力してしまい、どこをクリックしたのか分かりませんその後、ファイルの前のアイコンがから変わってしまいました丸に C を加えてこのようなものにします。なぜですか?元に戻してください

曾经 2022-03-01 17:51:56

2 つの HTML テキストを比較し、相違点をマークする

2つのHTMLテキストの違いをマークしたいのですが、解決策を見つけました。すべてが期待どおりに機能します（削除されたファイルはクラス名「del」を受け取り、挿入されたテキストはクラス名「ins」と関連するスタイルを受け取ります）が間違っているのは1つだけです -For何らかの理由でテキストが間違った場所にマークされています。 varMatch、calculate_operations、consecutive_where、create_index、diff、find_match、find_matching_blocks、ht

P粉478445671 2023-09-10 14:19:08

ChartJS棒グラフにテキストを表示するにはどうすればよいですか?

chart.js varctx=document.getElementById("myChart");varmyChart=newChart(ctx,{type:'bar',data:data,options:{scales: {yAxes) を使用してチャートのバーにテキストを書き込む必要があります:[{ticks:{beginAtZero:true}}]}}、応答:true、showTo

P粉578343994 2023-10-23 14:58:30

CSS: HTML タグを保持し、<a> タグ内のテキストコンテンツのみを非表示にします。

「a」の中に「img」があり、その後にリンクのテキストが続きます。「img」タグを隠さずに、これらのリンクテキストを非表示にする必要があります。この「a」タグ内の<ahref="https://www.example.com/page"><imgsrc="images/example.jpg"width="50"/>このリンク</a>

P粉973899567 2024-03-28 21:52:12

Rails: データベース列の切り詰め時にリンクテキストを保持しながら HTML タグテキストを切り詰める

HTML タグを含むコメントを保存する comment というデータベース列があります。大きなテキストを短くしてポップアップウィンドウに完全に表示するには、truncate(comment,length:50,escape:false) 関数を使用しました。 2 つの例を考えてみましょう。例 1: コメント列には、HTML タグを含む次のプレーンテキストが含まれています。 escape:false を使用すると、HTML タグが切り捨てられず、太字: <str などの書式設定も含めてテキストが正しく表示されます。

P粉896751037 2023-09-12 19:18:11

XPath は 2 つのタグ間のテキストを検索します

2 つのタグ (最初のタグと次のタグ) の間のテキストを選択する方法が必要です: <div><span>abc</span>defg<br>hijkl<br>mnop<span> qrs</span>トゥヴウルト(&L)

P粉462328904 2023-09-13 20:02:12

レスポンシブ画像とテキスト Div を並べて表示

そこで、1 つの div が画像で、もう 1 つが背景付きのテキストであるテンプレートを作成しようとしています。次に、このテンプレートをレスポンシブにして、テキストが特定のピクセル幅で画像の下に表示されるようにしたいと思います。 stackoverflow を調べてみると、Flexbox を使用するべきだという投稿が無数にありました。試してみましたが、完全には理解できませんでした。したがって、デスクトップでは次のようになります: https://i.stack.imgur.com/HDehv.jpg スマートフォンでは、ここにジャンプするはずです https://i.stack.im

P粉005134685 2024-04-02 08:59:38

<span>タグを追加すると文字が消えてしまう

私は電子メールテンプレートをデザインするために HTML を学習している初心者です。シンボルの前にテキストを追加し、テキストが次の行でも位置合わせされるようにする必要があります。シンボルの後のテキストを適切に配置するためにラベルを使用しています。しかし、何らかの理由でうまくいかないようです。ラベルを追加すると、テキストが表示されなくなります。削除するとテキストが再び表示されます。この動作の原因がわかりません。ご協力をよろしくお願いいたします。前もって感謝します。ブラウザ§Loremipsumdolorsitamet、consectetura

P粉226642568 2023-08-13 19:16:16

MUI のテキストフィールドのラベルの色を変更する

こんにちは、MUI テキストフィールドのテキストラベルの色を変更するのに問題があります。境界線の色とホバー状態 (ラベルを含む) は正常にカスタマイズできましたが、非ホバー状態ではラベルの色を変更できません。他の場所で行ったように、DOM で見つかったさまざまなクラス名 (MuiInputBase-input を含む) を試しましたが、成功しませんでした。 inputProps も試してみましたが、どちらもうまくいきませんでした。これが私のコードです: <TextFieldclassName="w-fullm

P粉860370921 2023-08-26 17:15:52

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

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

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

angular は、図に示すように、elasticharch から取得したテキストを強調表示します。

インターネットでいろいろ方法を調べましたが、やはり表示できません。何が問題だったのかわかりません。長い間、この問題に悩まされてきました。図のように、注釈付きの文の値がを取得しましたが、ラベル付きのテキスト形式で表示されるので、htmlタグを解析して表示する方法を使いたいです～善きサマリア人が助けてくれます...

世界只因有你 2017-07-05 10:36:32

タイトルテキストの末尾からコンテナの末尾までの行を追加します。

次の CSS を使用して、タイトルテキストの末尾からコンテナの末尾まで線を引きます: h1{display:flex;}h1::after{content:"";flex:auto;border-bottom:3pxsolid#08A7FC ;margin-bottom: 0.25em;} タイトルテキストが 1 行より長くなるまでは、h1 がコンテナの幅全体を占めるため、これはうまく機能します。これを達成するための他の解決策はありますか?私はもう試した

P粉321676640 2023-09-15 19:42:56

ホバーされたテキストはマウスの位置で色が変わります

すべてのテキストではなく、マウスの位置のテキストのみの色を変更するにはどうすればよいですか?このように、マウスの動きに合わせて表示される円が表示され、ホバーするとテキストにホバー中の文字の一部の境界線のみが表示されます。どのライブラリまたは関数を使用する必要があるかアドバイスが必要です。

P粉697408921 2024-03-28 14:12:45

詳細な表示の問題。バックグラウンドで Baidu リッチテキストエディターによってアップロードされた画像とテキストをミニプログラムで表示するにはどうすればよいですか?

図に示すように、ミニプログラムはリッチテキストとしてアップロードされた画像やテキストをどのように表示できるのでしょうか?

景云 2020-12-19 09:51:20

画像とテキストを横に並べるにはどうすればよいですか? HTML CSS フレキシブルボックス

テキストが画像の下に配置されるようになりました。テキストを画像の横に縦方向に配置したいと考えています。 flex-direction:column と justify-content:center を追加しようとしましたが、うまくいきませんでした。 floatも試しましたが、それもうまくいきませんでした。文字と画像を並べて配置する方法がわかりません。どうすれば横に並べることができますか?私のコードにエラーはありますか? .whoweare{パディング:80px0px50px;背景色:#000000;}.w

P粉350036783 2023-08-26 00:23:03