問題タブ [styling]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSS を使用してビューポートの垂直中央に配置
<div>
Javascript (純粋な HTML と CSS のみ) に頼らずに、ビューポート (ブラウザー ウィンドウ) でa を垂直方向に中央揃えしようとしています。いくつかの制約があります。
- は、ビューポートの垂直方向の
div
中央に配置する必要があります。<div>
私が見たメソッドは、私が望むものではない、 別の内部のセンタリングのみをサポートしています。 - の高さ
div
は不明。
その他の制約:
- は
div
右揃えにする必要があります。 - の
div
幅は一定です。 div
パディングをサポートする必要があります。- その他の要素は Web ページに配置されます。は
div
メニューとして機能します。 - div は背景色/画像をサポートする必要があります。
これにより、私が望むものに近づきますが、正確ではありません:
ただし、ナビの上部はナビの真ん中ではなく真ん中にあります。
div
これらの制約を中心に置くことができるテクニックはありますか?
asp.net - 入力または選択コントロールの代わりに SPAN テキストを使用したフォーム スタイリング
フォーム入力要素の上にラベルをフォーマットする CSS があります。読み取り専用データを表示するだけの場合は、入力要素をデータベースからのテキストに置き換えたいと思います。
何をしても、入力フィールドをスパンまたは asp:label に変更しても、テキストの上にラベルが正しく表示されません。
私はこのCSSを使用しています:
css - HTMLの順序付けされていないリストのスタイルを制御するにはどうすればよいですか?
リンクのリストをスタイリングするのはとても面倒だと誰が思ったでしょう!
創刊号弾丸として任意の文字を使用したいと思います。これは不可能だと私は確信していますが、多分あなたは違うことを知っていますか?
いずれにせよ、弾丸と<li>の内容との間の距離を制御したいと思います。
箇条書きの高さを制御したい(フォントやサイズなどに関係なく、<li>のテキストの中央に配置されるようにする)。
弾丸は、側面にぶら下がるのではなく、<ul>を含む<div>内にとどまりたいです。
<li>内の長い項目を折り返して、箇条書きをテキストから除外したいと思います。
IE6以降のすべてのブラウザで動作するようにしたいと思います。IEの奇妙さに対する特別な訴えはできるだけ少なくしてください!(これは私が使用できないことを意味します:before
)
リストではなく、<span>と</br>を使用したくなります。
c# - Infragistics で Office 2007 スタイルを設定するにはどうすればよいですか?
インフラジスティックスを使用して Office 2007 フォーム スタイルを設定しようとしましたが、必要なコード行が見つかりません (非常に少ないと思われます)。
必要なコードやチュートリアルへのリンクを持っている人はいますか? インフラジスティックスのサイトを見ると、サンプルはほとんどないようです (または、見つけられません)。
wpf - XAML をスタイルに組み込むための戦略は何ですか?
WPF アプリケーションを作成すると、すぐに XAML が膨張し始めます。
次に、HTML/CSS の方法で XAML/スタイルの問題に取り組み、反復的なコードを探し、それをスタイルにまとめて Window.Resources セクションに入れます。
これは他の人が行っている方法ですか、それとも XAML でより良い方法がありますか? 以下の 2 つのブロックは 2 つの小さな単語だけが異なるようです。メニューに 25 の要素がある場合にできるように、ある種の機能的なユーザー コントロール(これは左側のメニュー) に配置できるようです。名前とおそらくクリックターゲットと同じ25行だけがあります。
または、これを MVVM に移動すると、この問題は DataBinding で自動的に処理されるため(現在はハードコードされたプロトタイプにすぎません)、メニュー項目の名前を ViewModel のコレクションに保持してから、メニューは、ItemsControl で動的に?
または、肥大化した XAML ファイルは、WPF アプリケーションでは当たり前のことなのでしょうか?
WPF アプリケーションを作成するとき、どのような XAML スタイリング戦略を採用していますか?
Window.Resources (ファイルの上部):
現在の XAML:
css - CSS を使用してリスト項目を一緒に保つにはどうすればよいですか?
HTMLの骨組みはこちら
CSSは
私が求めている効果は、テキストが画像の下に折り返されている画像よりも長い場合、div 内の左上にテキストが右側にある画像です。
ただし、リストが画像の右側から始まる場合は、画像の下にあるリスト項目が画像の下に表示され、リストが 2 つのセクションに分割されるのではなく、すべての項目が互いに垂直に整列するようにします。
イメージ スケッチ ユーティリティが必要です :)
これ
これではない
ありがとう!
css - 分割幅の問題
水平スクロール バーがある場合に、div が画面の端を越えて水平方向に拡張されないようにするものは何ですか?
DIV のコンテンツは左にオーバーフローしますが、DIV 自体はオーバーフローしません。
div を右端まで移動させるにはどうすればよいでしょうか?
ありがとう
drupal - Drupal / Ubercart ...ノードのスタイリング?
Drupalサイトで製品ビューのスタイルを設定しようとしていますが、問題が発生しています。ノード(製品)ビューがubercartのどこにまとめられているのかわかりません!
UC 5.x-1.7を使用していますが、ノード(製品)ビューページのスタイルを設定する必要があります。現在、node.tpl.phpファイルには、次のようなものがあります。
べてのSKU、属性、価格、画像などを吐き出します。問題は、これを別のスタイルにする必要があることです。デザイナーが行ったデザインに取り組む必要があります。次のような変数を使用して、自分のバージョンのやり直しを開始しました
製品のさまざまな属性を操作しようとして問題が発生しました。それらを自分のページに配置する方法や、コーダーの観点からそれらを操作する方法に関するドキュメントを見つけることができません。
もっと簡単な方法はありますか?既存の表示(つまり、$ body変数)のスタイルをどこで確認しますか?
編集:私のテーマは禅のテーマに基づいています
wpf - WPF SystemColors: TextBox の境界線の色
虫眼鏡アイコンが埋め込まれた検索 TextBox を作成しようとしています。これまでのところ、次のマークアップがあります。
ただし、標準の TextBox 境界線と同じ色になる SystemColors のエントリが見つかりません。これは、デフォルトでは青みがかった色です。ここで私は本当に愚かですか?
編集:ところで、ドロップダウン矢印も配置する予定なので、画像はスタックパネルに含まれています。