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

私は次のようなレイアウトを持っています： <div> <table> </table> </div> divなるべく広い範囲に拡大していきたいtableです。

2071 html  css  width 

単純なスキーム： <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> の固定幅を設定する必要があり<td>ます。私はもう試した： tr.something { td { width: 90px; } } また td.something { width: 90px; } ために <td class="something">B</td> そして、 <td style="width: 90px;">B</td> ただし、幅は<td>同じです。

514 css  twitter-bootstrap  width  html-table 

2つのdivがあります。1つはページの左側にあり、もう1つはページの右側にあります。左側のものは幅が固定されており、右側のものは残りのスペースを埋めてほしい。 #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } <div id="search">Text</div> <div id="navigation">Navigation</div> コードスニペットを実行する結果を非表示スニペットを展開

419 html  css  width  responsive 

HTML入力があります。 入力にはpadding: 5px 10px;、親divの幅（流体）の100％にする必要があります。 しかし、使用するwidth: 100%;と、入力は100% + 20pxどうすればこれを回避できますか？ 例

397 html  css  width  fluid-layout 

テーブルやJavaScriptを使用せずに次の構造を実現するにはどうすればよいですか？白い境界線はdivの端を表しており、質問には関係ありません。 中央の領域のサイズは変化しますが、正確なピクセル値があり、構造全体がそれらの値に従ってスケーリングされます。単純化するために、「中央の100％-n px」の幅を上部中央と下部中央のdivに設定する方法が必要です。 クリーンなクロスブラウザソリューションに感謝しますが、それが不可能な場合は、CSSハックで対応できます。 ここにボーナスがあります。私が苦労して、テーブルまたはJavaScriptを使用してしまう別の構造。少し異なりますが、新しい問題が発生します。主にjQueryベースのウィンドウシステムで使用していますが、レイアウトをスクリプトに含めず、1つの要素（中央の要素）のサイズのみを制御したいと考えています。

316 html  css  height  width 

╔══════════════════════════════════════════════╗ ^ ║ ImageView ╔══════════════╗ ║ | ║ ║ ║ ║ | ║ ║ Actual image ║ ║ | ║ ║ ║ ║ |60px height of ImageView ║ ║ ║ ║ | ║ ║ ║ ║ | ║ ╚══════════════╝ ║ | ╚══════════════════════════════════════════════╝ <------------------------------------------------> 90px width of ImageView デフォルトの高さと幅の画像ビューがあります。画像はdbに保存されており、Imageviewの高さの幅に応じて画像をスケーリングします。高さと幅を変更するときはいつでもコードで変更する必要があるため、デフォルト値を指定したくありません。 ImageViewの高さと幅を取得しようとしていますが、どちらの場合も0が返されます。 int …

272 android  image  height  width 

Pythonでコンソールの幅をプログラムで決定する方法はありますか？つまり、ウィンドウのピクセル幅ではなく、折り返さずに1行に収まる文字数を意味します。 編集する Linuxで動作するソリューションを探しています

264 python  linux  console  terminal  width 

完全なnoobの質問ですが、ここにあります。 CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; }​​​ HTML <span class="product__specfield_8_arrow"> </span>​ フィドル 基本的に私はボタンをエミュレートしようとしています。スパン（または何か）を、入力フィールドの横にあるボタンのように見せます。これは、Enterでエラーを生成する自動入力ジェネレーターのため、実際には1である必要はありません。これは今のところ簡単な修正になると思いますが、明らかにそうではありません。 ありがとう。

254 css  html  width 

これに関する質問と記事がありましたが、私が知る限り、決定的なことは何もありません。私が見つけることができた最高の要約は flex-basisを使用すると、他の要素が計算される前に、要素の初期/開始サイズを指定できます。パーセンテージまたは絶対値のいずれかです。 ...それ自体は、フレックスベースが設定されている要素の動作についてはあまり説明していません。フレックスボックスについての私の現在の知識では、なぜそれが幅を説明できなかったのかわかりません。 フレックスベースと実際の幅がどのように異なるかを知りたいのですが。 幅をフレックスベースに（またはその逆に）置き換えると、視覚的に何が変わりますか？ 両方を異なる値に設定するとどうなりますか？同じ値の場合はどうなりますか？ 幅またはフレックスベースのどちらかを使用すると、もう一方を使用する場合と大幅に異なる特別なケースはありますか？ flex-wrap、flex-grow、flex-shrinkなどの他のフレックスボックススタイルと組み合わせて使用​​した場合、幅とフレックス基準はどのように異なりますか？ 他の重要な違いはありますか？ 編集/説明：この質問は、「厳密にフレックスベースのプロパティセットとは何ですか？」で別の形式で尋ねられました。しかし、フレックスベースと幅（または高さ）の違いをより直接比較または要約するとよいと感じました。

224 css  flexbox  width 

問題 私が持っている<select>その場所の1 <option>のテキスト値が非常に長いです。私がしたい<select>、それがその表示されたテキストをカットする場合であっても、その親よりも幅が広いことはありませんので、サイズを変更します。max-width: 100%それを行う必要があります。 サイズ変更前： サイズ変更後に必要なもの： ただし、このjsFiddleの例をロードし、結果パネルの幅をの幅よりも小さくなるようにサイズ変更する<select>と、内の選択が<fieldset>その幅を縮小できないことがわかります。 サイズ変更後に実際に表示されるもの： ただし、aの<div>代わりにaを使用<fieldset>した同等のページは適切にスケーリングされます。1つのページにとが隣接していると、それを確認して変更をより簡単にテストできます。また、周囲のタグを削除すると、サイズ変更が機能します。タグは何とかブレークに水平方向のサイズ変更を引き起こしています。<fieldset><div><fieldset><fieldset> <fieldset>CSSルールがあるかのように行為がありますfieldset { min-width: min-content; }。（min-content手段は、大体、最小幅オーバーフローに子供を起こさないこと。）私が交換した場合<fieldset>と<div>でmin-width: min-content、それはまったく同じに見えます。それでもmin-content、私のスタイル、ブラウザのデフォルトスタイルシート、またはFirebugのCSSインスペクタに表示されるルールはありません。<fieldset>FirebugのCSS InspectorとFirefoxのデフォルトのスタイルシートforms.cssに表示されるすべてのスタイルをオーバーライドしようとしましたが、それは役に立ちませんでした。特にオーバーライドしてmin-width、width何もしませんでした。 コード フィールドセットのHTML： <fieldset> <div class="wrapper"> <select id="section" name="section"> <option value="-1"></option> <option value="1501" selected="selected">Sphinx of black quartz, judge my vow. The quick brown fox jumps over the lazy dog.</option> <option value="1480">Subcontractor</option> <option value="3181">Valley</option> <option value="3180">Ventura</option> …

221 html  width  fieldset  css 

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

208 css  width  css-hack 

私はこの投稿を2015年5月29日更新 として設定タブを持っています。Nexus 4モバイルではタブが全幅になりますが、Nexus 7タブレットでは中央に配置され、画面の全幅をカバーしません。 Nexus 7スクリーンショット Nexus 4スクリーンショット

203 android  tabs  width  android-appcompat  android-tablayout 

私は2つのキャンバスを持っています。1つはHTML属性widthを使用heightし、それをサイズ変更するために、もう1つはCSSを使用します。 <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1は通常どおりに表示されますが、compteur2は表示されません。コンテンツはJavaScriptを使用して300x300のキャンバスに描画されます。 なぜ表示に違いがあるのですか？

194 css  html  canvas  height  width 

現在、STYLEを使用するwidth: 100%とauto、高さ（またはその逆）を使用できますが、画像を特定の位置（幅が広すぎるか高すぎる）に固定することはできません。 何か案は？

174 css  image  height  width 

私は、インセットパディングのある2つの入力フィールドで構成されるログインフォームを作成しようとしていますが、これらの2つのフィールドは常に親の境界を超えてしまいます。この問題は、追加されたインセットパディングに起因します。この問題を修正するために何ができますか？ JSFiddleスニペット：http ://jsfiddle.net/4x2KP/ 注意：コードは最もクリーンではない可能性があります。たとえば、テキスト入力をカプセル化するspan要素はまったく必要ない場合があります。 #mainContainer { line-height: 20px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: rgba(0,50,94,0.2); margin: 20px auto; display: table; -moz-border-radius: 15px; border-style: solid; border-color: rgb(40, 40, 40); border-radius: 2px 5px 2px 5px / 5px 2px 5px 2px; border-radius: 2px; border-radius: 2px 5px / 5px; box-shadow: 0 5px 10px 5px rgba(0,0,0,0.2); } …

172 css  forms  input  width