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

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

4
CSSでdivに画像を入れる方法は？
すべての画像をCSSに入れたいのですが（背景画像として配置する方法を知る唯一の方法です）。 しかし、このソリューションの問題は、divが画像のサイズを取得できないようにすることです。 だから私の質問は：<div><img src="..." /></div>CSSで同等のものを持つための最良の方法は何 ですか？
97 css  image 
9
フロートを左に止めるにはどうしたらいいですか？
私は次のコードを持っています： <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" /> <div class="adm"> <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor"> abc </textarea> </div> </div> 私の問題は、クラスadmのdivが左に浮動するため、ラベルと2つの入力ボタンと同じ行に配置されることです。これをフローティングからシフトする方法はありますか？
97 css  html  css-float 
5
全ページ<iframe>
以下のサンプルコードがあります。これは、モバイルデバイスのブラウザを除くすべてのブラウザで正常に動作します。 オーバーフロータグが問題です。 モバイル以外のすべてで動作します： margin: 0; padding: 0; height: 100%; overflow: hidden; コンピュータではなく、すべてのモバイルで動作します。 margin: 0; padding: 0; height: 100%; 両方で動作させるための最良の方法は何ですか？ &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;Test Layout&lt;/title&gt; &lt;style type="text/css"&gt; body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;iframe …
97 html  css  iframe 
9
CSSでは、複数のクラスのコンマとスペースは何を意味しますか？
これは私が理解できない例です： .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } その私には思えるwidth: 460px上記の全てのクラスに適用されます。しかし、なぜいくつかのクラスはコンマ（,）で区切られ、一部はスペースで区切られているのでしょうか。 width: 460pxCSSファイルで言及されている方法でクラスを組み合わせる要素にのみ適用されると思います。たとえば、には適用されます&lt;div class='container_12 grid_6'&gt;が、には適用されません&lt;div class='container_12'&gt;。この仮定は正しいですか？
6
100vwは水平オーバーフローを引き起こしますが、複数の場合のみですか？
あなたがこれを持っているとしましょう： html, body {margin: 0; padding: 0} .box {width: 100vw; height: 100vh} &lt;div class="box"&gt;Screen 1&lt;/div&gt; スクロールバーではなく、画面いっぱいに表示されるものが表示されます。しかし、別のものを追加します。 &lt;div class="box"&gt;Screen 1&lt;/div&gt; &lt;div class="box"&gt;Screen 2&lt;/div&gt; 垂直スクロールバー（予想）だけでなく、わずかな水平スクロールも表示されます。 widthを省略したり、width：100％に設定したりできると思いますが、なぜこれが発生するのか興味があります。100vwは「ビューポート幅の100％」ではありませんか？
97 css 
3
Twitterブートストラップナビゲーションバーの「icon-bar」
次のコードの意味を理解できませんicon-bar： &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt; 何のicon-barため？なぜそれに似た3つのインスタンスがあるのですか？ このコードはナビゲーションバーセクションにあります。 &lt;div class="navbar-header"&gt; ... &lt;/div&gt;
12
ios8のSafariは、固定要素がフォーカスを取得すると画面をスクロールします
IOS8 Safariでは、位置が修正された新しいバグがあります。 固定パネル内のテキストエリアにフォーカスすると、Safariがページの一番下までスクロールします。 これは、ページを一番下までスクロールして場所を失うことなくテキストエリアにテキストを入力する方法がないため、あらゆる種類のUIを操作することを不可能にします。 このバグをきれいに回避する方法はありますか？ #a { height: 10000px; background: linear-gradient(red, blue); } #b { position: fixed; bottom: 20px; left: 10%; width: 100%; height: 300px; } textarea { width: 80%; height: 300px; } &lt;html&gt; &lt;body&gt; &lt;div id="a"&gt;&lt;/div&gt; &lt;div id="b"&gt;&lt;textarea&gt;&lt;/textarea&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;
96 javascript  ios  css  safari  ios8 
14
Twitterブートストラップボタンのスタイリング
Twitter-Bootstrapボタンは驚くほど美しい。スクロールしてみてください ただし、色に制限があります。 ブートストラップによって美しく簡単に作成された美しいホバーオーバー効果を維持しながら、ボタンのベースカラーを変更できる方法はありますか？ 私は、ツイッターがそれらの効果を維持するために使用するcss / javascriptがどのように見えるかを完全に認識していません。
3
含まれているテーブルの幅全体を埋めるための同じサイズのテーブルセル
HTML / CSS（相対的なサイズ設定）を使用して、セルの行に、それが含まれるテーブルの幅全体を拡大させる方法はありますか？ セルは同じ幅でなければならず、外部テーブルのサイズもで動的&lt;table width="100%"&gt;です。 現在、固定サイズを指定しない場合; セルはコンテンツに合わせて自動サイズ調整されます。
96 html  css  html-table 
5
div間のスペース-表示テーブルセル
ここには2つのdivがあります。 &lt;div style="display:table-cell" id="div1"&gt; content &lt;/div&gt; &lt;div style="display:table-cell" id="div2"&gt; content &lt;/div&gt; これらの2つのdiv（を持つdisplay:table-cell）の間にスペースを作る方法はありますか？
96 html  css  css-tables 
10
CSSでテーブルを水平方向に配置する方法
ブラウザウィンドウの中央に固定幅のテーブルを表示したい。今私は &lt;table width="200" align="center"&gt; しかし、Visual Studio 2008はこの行に警告を出します： 属性 'align'は古いと見なされます。新しい構成をお勧めします。 同じレイアウトを取得するには、どのCSSスタイルをテーブルに適用する必要がありますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.