タグ付けされた質問 「css」

CSS（Cascading Style Sheets）は、HTML（HyperText Markup Language）、XML（Extensible Markup Language）ドキュメント、および色、レイアウト、フォントを含む（これらに限定されない）SVG要素の外観とフォーマットを記述するために使用される表現スタイルシート言語です。とアニメーション。また、画面、紙、音声、またはその他のメディアで要素をレンダリングする方法についても説明します。

9
jQueryを使用してDIVから高さスタイルを削除するにはどうすればよいですか？
デフォルトでは、DIVの高さはその内容によって決定されます。 しかし、私はそれをオーバーライドし、jQueryで明示的に高さを設定します： $('div#someDiv').height(someNumberOfPixels); どうすればそれを元に戻すことができますか？高さスタイルを削除して、自動/自然の高さに戻したいですか？
85 jquery  html  css  layout 
7
Webページを印刷するためのピクセル単位の安全な幅？
Webページを印刷するための安全なピクセル幅はどれくらいですか？ 私のページには大きな画像が含まれていますが、印刷時に画像が切り取られないようにしたいと思います。 さまざまなブラウザの余白とUSレター/ DINA4の用紙サイズについて知っています。そのため、標準のレターサイズといくつかのデフォルトのDPI値を取得しました。しかし、これらをピクセル値に変換して、画像のwidth属性で指定することはできますか？
85 css  printing 
6
Bootstrap 3のグリッドクラス（col-sm-＃およびcol-lg-＃）を理解する
Bootstrap 3を使い始めましたが、グリッドクラスの使用方法を理解するのに問題があります。 これが私がこれまでに理解したことです： クラスcol-sm-#とはcol-lg-#昔ながらのものとは異なるようですcol-#画面が特定のサイズ（それぞれ768pxと992px）を超えている場合にのみ適用されるというようです。-sm-または-lg-を省略すると、divが1つの列に折りたたまれることはありません。 ただし、行内に2つのdivを作成すると、両方ともウィンドウの幅が768px〜992pxの場合にのみ並んでcol-sm-6いるように見えます。つまり、ウィンドウを完全に縮小してからゆっくりと拡大すると、レイアウトは1列、次に2列、そして再び1列に戻ります。 これは意図された動作ですか？ 768pxを超えるものに2つの列が必要な場合、両方のクラスを適用する必要がありますか？（<div class="col-sm-6 col-lg-6">） col-6 また含める必要がありますか？<div class="col-6 col-sm-6 col-lg-6">
9
クロスドメインiframeサイズ変更
別のドメインのiframeのサイズを変更するにはどうすればよいですか -編集 いくつかの解決策については下にスクロールしてください..またはこれを行わない方法を読んでください：D 何時間にもわたるコードハッキングの後、結論として、私のドメインでレンダリングされるスクロールバーでさえ、iframe内のすべてにアクセスできなくなりました。私は無駄に多くのテクニックを試しました。 時間を節約するために、このルートをたどらないでください。クロスドメイン通信にはsendMessagesを使用してください。 私が使用しているHTML <5のプラグインがあります-良い例については一番下に移動してください:) 過去数日間、私はiframeをサイトに統合しようとしています。これは、反対側が開発してAPIを開発している間の短期的な解決策です（数か月かかる可能性があります...）そして、これは短期的な解決策であるため、easyXDMを使用したいと思います-私は他のドメインにアクセスできますが、 p3pヘッダーをそのまま追加..... 3つのiframe 私が見つけた最も近い解決策は3つのiframeでしたが、それはクロムとサファリの精神に影響するため、それを使用することはできません。 クロームで開く http://css-tricks.com/examples/iFrameResize/crossdomain.php#frameId=frame-one&height=1179 スクロールバーを測定する scrollheightを使用してフォームのサイズを変更する方法に関する別の投稿を見つけました。理論的にはうまく機能しますが、iframeのスクロールの高さを使用して適切に適用できませんでした。 document.body.scrollHeight それは明らかに体の高さを使用します（これらのプロパティに100％アクセスすることはできません100％はクライアントの表示canvazに基づいており、xドメインのドキュメントの高さではありません） jqueryを使用してiframeの高さを取得してみました $('#frameId').Height() $('#frameId').clientHeight $('#frameId').scrollHeight クロムとは異なる戻り値、つまり-またはまったく意味がありません。問題は、フレーム内のすべてが拒否されることです-スクロールバーも... 計算されたスタイル しかし、iframeのクロムを調べて要素を表示すると、iframe内のドキュメントの寸法が表示されます（jquery x-domainを使用してiframe.heighを取得します-アクセスが拒否されました）計算されたCSSには何もありません さて、クロムはそれをどのように計算しますか？（edit-browserは、組み込みのレンダリングエンジンを使用してページを再レンダリングし、これらすべての設定を計算しますが、クロスドメイン詐欺を防ぐためにどこにも添付されていません。 HTML4 HTML4.xの仕様を読みましたが、document.elementを介して読み取り専用の値を公開する必要があると書かれていますが、jqueryを介してアクセスが拒否されています プロキシフレーム ユーザーがiframeを介してログインし、プロキシが実際のコンテンツではなくログインページを取得するまで、サイトをプロキシして、どちらが問題ないかを計算するというルートをたどりました。また、ページを2回呼び出すことは受け入れられない人もいます http://www.codeproject.com/KB/aspnet/asproxy.aspx http://www.johnchapman.name/aspnet-proxy-page-cross-domain-requests-from-ajax-and-javascript/ ページを再レンダリングする ここまでは行きませんでしたが、ソースを調べてソースファイルに基づいてページを再レンダリングするjscriptエンジンがあります。しかし、それらのjscriptをハッキングする必要があります..そしてそれは営利団体にとって理想的な状況ではありません...そしていくつかは純粋なJavaアプレットまたはサーバーサイドレンダリングを含みます http://en.wikipedia.org/wiki/Server-side_JavaScript http://htmlunit.sourceforge.net/ <-java not jscript http://maxq.tigris.org/ 2013年9月の更新を編集 これはすべて、HTML5ソケットで実行できます。しかし、easyXDMは、HTML5以外の苦情ページの優れたフォールバックです。 解決策1非常に優れた解決策！ easyXDMの使用 サーバー上で、次の形式のページを設定します。 <html> <head> <script src="scripts/easyXDM.js" type="text/javascript"></script> …
11
テーブルの代わりにHTMLフォームに定義リスト（DL、DD、DT）タグを使用するのはなぜですか？
最近、次のようなことを行ういくつかの例に出くわしました。 <dl> <dt>Full Name:</dt> <dd><input type="text" name="fullname"></dd> <dt>Email Address:</dt> <dd><input type="text" name="email"></dd> </dl> HTMLフォームを作成するため。何故ですか？テーブルを使用することに対する利点は何ですか？
85 html  css  forms 
6
ボタンセンターCSS
通常のCSSセンタリングの問題は、私には機能しません。問題は、完成した幅のピクセルがわからないことです。 ナビゲーション全体のdivがあり、各ボタンが内側にあります。ボタンが複数ある場合、ボタンは中央に配置されなくなります。:( CSS .nav{ margin-top:167px; width:1024px; height:34px; } .nav_button{ height:34px; margin:0 auto; margin-right:10px; float:left; } HTML <div class="nav"> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Home</div> <div class="b_right"></div> </div> <div class="nav_button"> <div class="b_left"></div> <div class="b_middle">Contact Us</div> <div class="b_right"></div> </div> </div> どんな助けでも大歓迎です。ありがとう 結果 幅が不明な場合は、ボタンを中央に配置する方法を見つけました。完全に満足しているわけではありませんが、問題ではありません。機能します：D 最良の方法はそれをテーブルに置くことです <table class="nav" align="center"> <tr> <td> <div class="nav_button"> <div …
85 css  button  center 
2
2つのクラスが存在する場合にのみ、CSSで要素をターゲットにできますか？
おそらくすでにご存知のように、スペースで区切られた要素に複数のクラスがある場合があります。 例 <div class="content main"></div> そしてCSSを使用するdivと、.contentまたはのいずれかでそれをターゲットにできます.main。両方のクラスが存在する場合にのみ、それをターゲットにする方法はありますか？ 例 <div class="content main">I want this div</div> <div class="content">I don't care about this one</div> <div class="main">I don't want this</div> 最初のものdivだけを取得するためにどのCSSセレクターを使用しますか（使用できないなどと仮定し.content:first-childます）？
7
「width：-moz-fit-content;」のcssクロスブラウザ値はありますか？
いくつかのdivを中央に配置し、同時にコンテンツの幅に合わせる必要があります。 私は今それをこのようにやっています： .mydiv-centerer{ text-align: center; .mydiv { background: none no-repeat scroll 0 0 rgba(1, 56, 110, 0.7); border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px #0099FF; color: white; margin: 10px auto; padding: 10px; text-align: justify; width: -moz-fit-content; } } さて、最後のコマンド「width：-moz-fit-content;」あるまさに私が必要なもの！ 唯一の問題は..Firefoxでのみ動作します。 「display：inline-block;」も試してみました。、しかし、これらのdivがdivのように動作する必要があります。つまり、次のすべてのdivは、前のdivの下にあり、インラインではありません。 可能なクロスブラウザソリューションを知っていますか？
6
div内で長すぎるテキストを切り抜く
<div style="display:inline-block;width:100px;"> very long text </div> 純粋なCSSを使用して、次の新しい行に表示するのではなく、長すぎるテキストを切り取り、最大100pxのみを表示する方法
85 html  css 
9
境界線の太さをパーセンテージで設定するにはどうすればよいですか？
要素の境界線の幅をパーセンテージで設定するにはどうすればよいですか？構文を試しました border-width:10%; しかし、それは機能しません。 border-widthパーセンテージで設定する理由は、とを含む要素がwidth: 80%;ありheight: 80%;、その要素がブラウザウィンドウ全体をカバーするようにしたいので、すべての境界線を10％に設定したいからです。要素の背景が透明であり、要素を背後に配置すると透明度に影響するため、一方が他方の後ろに配置されて境界線として機能する2要素の方法ではこれを行いません。 これはJavaScriptを介して実行できることは知っていますが、可能であれば、CSSのみの方法を探しています。
85 css 
6
テーブル行のパディング
<html> <head> <title>Table Row Padding Issue</title> <style type="text/css"> tr { padding: 20px; } </style> </head> <body> <table> <tbody> <tr> <td> <h2>Lorem Ipsum</h2> <p>Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …
85 html  css  html-table  row  padding 
15
特定のページで使用されているCSSのみを抽出する
動的に生成されたサイトで、過去と現在を問わず、非常に多くの人が作業を行っていて、20,000行を超えるCSSを含む共有スタイルシートのコレクションがあるとします。まったく整理されていません。クラスとIDベースのセレクターがいくつかありますが、タグベースのセレクターが多すぎます。そして、いくつかのコントローラーを介して、これらのスタイルを使用する100個のテンプレートがあるとします。 おそらくFirebugのように機能するツールがあり、URLをポイントすると、そのページに適用可能なすべてのCSSセレクターが決定され、ファイルにダンプされますか？基本的に、共有スタイルシートをページごとにリッピングする方法。
85 css 
24
Chromeのファイル入力から「ファイルが選択されていません」ツールチップを削除するにはどうすればよいですか？
Google Chromeのファイル入力から「ファイルが選択されていません」ツールチップを削除したいのですが（Firefoxにツールチップが表示されないようです）。 入力フィールド内のテキストではなく、マウスを入力の上に移動したときに表示されるツールチップについて話していることに注意してください。 私は運がなくてこれを試しました： $('#myFileInput').attr('title', '');
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.