プログラミング css

4

「display：table-cell;」のdivがある理由マージンの影響を受けませんか？

私はとdiv隣り合っている要素がありdisplay: table-cell;ます。 marginそれらの間に設定したいのですmargin: 5pxが、効果がありません。どうして？私のコード： <div style="display: table-cell; margin: 5px; background-color: red;">1</div> <div style="display: table-cell; margin: 5px; background-color: green;">1</div>

211 html css

3

CSSの*と* | *の違いは何ですか？

CSSでは、*すべての要素に一致します。多くの場合、すべての要素を照合する*|*代わりにが使用され*ます。これは通常、テスト目的で使用されます。違いは何である*と*|*CSSでは？

211 css css-selectors namespaces

15

CSSのPNG画像のドロップシャドウ

自由形式（正方形以外）のPNG画像があります。この画像にドロップシャドウ効果を適用する必要があります。標準的なアプローチ... -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px #555; -webkit-box-shadow: 12px 12px 29px #555; box-shadow: 12px 12px 29px #555; ...正方形のように、この画像の影を表示します。だから、私は自分の画像と正方形の影を見ることができますが、それは画像に表示されているオブジェクトの形には従いません。それを正しく行う方法はありますか？

211 css image png transparency

5

CSSで長い文字列を切り捨てる：まだ可能ですか？

プレーンコンテンツのHTMLとCSSを使用してテキストを切り捨て、動的コンテンツを固定の幅と高さのレイアウトに収める良い方法はありますか？私は論理的な幅（つまり、盲目的に推測された文字数）でサーバー側を切り捨ててきましたが、「w」は「i」よりも幅が広いため、これは最適ではない傾向があり、再推測する必要があります（そして、調整を続けます）すべての固定幅の文字数。切り詰めは、レンダリングされたテキストの物理的な幅を認識しているブラウザで行われるのが理想的です。 IEには、text-overflow: ellipsis私が望んでいることを正確に実行するプロパティがあることがわかりましたが、これをクロスブラウザーにする必要があります。このプロパティは（ある程度？）標準のようですが、Firefoxではサポートされていません。に基づいてさまざまな回避策を見つけましたoverflow: hiddenが、省略記号が表示されない（コンテンツが切り捨てられたことをユーザーに知らせたい）か、常に表示します（コンテンツが切り捨てられていなくても）。固定レイアウトにダイナミックテキストを合わせる良い方法はありますか、または論理幅によるサーバー側の切り捨ては今のところ取得するのと同じくらい良いですか？

210 css text layout cross-browser truncate

7

コンテナ要素にフロート要素が含まれている場合、コンテナ要素の高さが増加しないのはなぜですか？

高さとフロートがどのように機能するかを質問したいと思います。外部divとコンテンツを含む内部divがあります。高さは内側のdivの内容によって異なる場合がありますが、内側のdivが外側のdivをオーバーフローするようです。それを行う適切な方法は何でしょうか？ <html> <body> <div style="margin:0 auto;width: 960px; min-height: 100px; background-color:orange"> <div style="width:500px; height:200px; background-color:black; float:right"></div> </div> </body> </html> コードスニペットを実行する結果を非表示スニペットを展開

210 html css css-float

5

font-style：CSSでの斜体と斜体

これら2つの違いは何ですか？ font-style:italic font-style:oblique W3Schoolsエディターを使用してみましたが、違いがわかりませんでした。何が欠けていますか？

209 css fonts

10

CSSトランジション効果を一時的に無効にする最もクリーンな方法は何ですか？

次の効果の一部またはすべてが適用されたDOM要素があります。 #elem { -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } この要素のサイズを変更するjQueryプラグインを作成しています。スムーズにサイズ変更できるように、これらの効果を一時的に無効にする必要があります。親から適用されるか、まったく適用されない場合、これらの効果を一時的に無効にしてから再度有効にする最もエレガントな方法は何ですか。

209 javascript jquery css

4

widthプロパティのCSS \ 9

これの意味は何ですか？私はそれがブラウザのハッキングだと思いますが、それが正確に何をしているかを見つけることができませんでした。 width: 500px\9; の意味は何\9ですか？

208 css width css-hack

18

2行目のcss省略記号

text-overflow: ellipsis2行目のCSS 、これは可能ですか？ネットでは見つかりません。例：私が欲しいのはこのようなものです： I hope someone could help me. I need an ellipsis on the second line of... しかし、何が起こっているのですか？ I hope someone could help me. I ...

208 html css

7

入力内のテキストを揃える方法は？

すべてのデフォルト入力では、入力するテキストは左側から始まります。どのように右側から始めますか？

208 html css forms html-input

15

画像のデッドセンターをブートストラップに合わせる方法

私はブートストラップフレームワークを使用しており、画像を水平方向に中央揃えにしようとしていますが、成功しません。 12グリッドシステムを3つの等しいブロックに分割するなど、さまざまなテクニックを試しました。 <div class="container"> <div class="row"> <div class="span4"></div> <div class="span4"><img src="logo.png" /></div> <div class="span4"></div> </div> </div> ページに対して画像を中央に配置する最も簡単な方法は何ですか？

207 css twitter-bootstrap

14

jQueryを使用した整数としてのピクセル単位のパディングまたはマージン値

jQueryには、高さまたは幅をピクセル単位で整数として返すheight（）en width（）関数があります... jQueryを使用して要素のパディングまたはマージン値をピクセル単位および整数として取得するにはどうすればよいですか？私の最初のアイデアは次のことをすることでした： var padding = parseInt(jQuery("myId").css("padding-top")); しかし、たとえばemsでパディングが指定されている場合、値をピクセルで取得するにはどうすればよいですか？ Chris Pebbleによって提案されたJSizesプラグインを調べたところ、自分のバージョンが正しいバージョンであることがわかりました:)。jQueryは常にピクセル単位の値を返すため、それを整数に解析するだけで解決しました。クリス・ペブルとイアン・ロビンソンのおかげで

207 javascript jquery css

4

CSSを使用してテキストを挿入する

私はCSSに比較的慣れていないので、CSSを使用してテキストのスタイルとフォーマットを変更しました。これを使用して、次に示すようにテキストを挿入します。 <span class="OwnerJoe">reconcile all entries</span> 私はそれを次のように見せることができると思います：ジョーのタスク：すべてのエントリを調整するつまり、単に「Owner Joe」クラスであるJoe's Task:ために、テキストを表示したいのです。私は次のようなコードでそれを行うことができます： <span class="OwnerJoe">Joe's Task:</span> reconcile all entries. しかし、クラスとテキストの両方を指定することは、非常に冗長に思えます。私が探していることをすることは可能ですか？編集 1つのアイデアは<li>、「箇条書き」が「Joe's Task」というテキストであるListItemとして設定することです。さまざまな箇条書きのスタイルを設定する方法の例や、箇条書きの画像も表示されます。リストの箇条書きに小さなテキストブロックを使用することは可能ですか？

207 html css

9

CSSセンターはインラインブロックを表示しますか？

ここに作業コードがあります：http : //jsfiddle.net/WVm5d/（中央揃えの効果を確認するには、結果ウィンドウを大きくする必要がある場合があります）質問コードは問題なく動作しますが、使用したくありませんdisplay: table;。これは、ラップクラスを中央揃えにする唯一の方法です。display: block;またはを使う方法があればもっといいと思いますdisplay: inline-block;。中心揃えを別の方法で解決することは可能ですか？コンテナにfixed withを追加することは私には選択肢ではありません。また、JS Fiddleリンクが将来壊れた場合は、ここにコードを貼り付けます。 body { background: #bbb; } .wrap { background: #aaa; margin: 0 auto; display: table; overflow: hidden; } .sidebar { width: 200px; float: left; background: #eee; } .container { margin: 0 auto; background: #ddd; display: block; float: left; padding: …

207 css

17

JQueryを使用してHTML 5ビデオを再生/一時停止する

JQueryを使用してHTML5ビデオを制御しようとしています。タブ付きインターフェイスに2つのクリップがあり、合計6つのタブがあり、他のタブには画像のみがあります。タブをクリックしたときにビデオクリップを再生し、他のいずれかをクリックしたときに停止するようにしています。これは簡単なことですが、うまく機能していないようです。ビデオの再生に使用しているコードは次のとおりです。 $('#playMovie1').click(function(){ $('#movie1').play(); }); 私は、ビデオ要素を制御できるようにするためにビデオ要素を公開する必要があることを読みましたが、例を見つけることができません。私はそれをJSを使って機能させることができます： document.getElementById('movie1').play(); どんなアドバイスでも素晴らしいでしょう。ありがとう

206 jquery css html html5-video

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

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