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

X軸上のオブジェクトのサイズを決定するプロパティ。この測定の最も一般的な形式は、ピクセルまたはミリメートルです。

7
CSSスタイルのオーバーライドとリセット:autoまたはnoneは機能しません
すべてのテーブルに定義されている次のCSSスタイルをオーバーライドしたいと思います。 table { font-size: 12px; width: 100%; min-width: 400px; display:inline-table; } というクラスの特定のテーブルがあります'other'。 最後に、テーブルの装飾は次のようになります。 table.other { font-size: 12px; } 私は3つのプロパティを削除する必要が:width、min-widthおよびdisplay noneまたはautoでリセットしようとしましたが、助けにはなりませんでした。 table.other { width: auto; min-width: auto; display:auto; } table.other { width: none; min-width: none; display:none; }
130 css  width  overriding 

6
Androidはプログラムでカスタムビューの高さと幅を設定します
という名前のカスタムビューを作成しましたGraphview。以下はGraphViewクラスの構造です。 public class GraphView extends View { public GraphView(Context context, float[] values, String title, String[] horlabels, String[] verlabels, boolean type) { super(context); ........ } .................. ................. } を使用してテーブル行にビューを追加しましたaddview()。正常に動作しています。次に、の高さと幅を設定しGraphViewます。どうやってするか?
128 android  view  height  width  params 

9
画像の幅を親divの100%にするが、それ自体の幅より大きくしない
画像(動的に配置され、寸法に制限はありません)を親divと同じ幅にしようとしていますが、その幅が100%の独自の幅よりも広くない場合に限ります。私はこれを試しましたが、役に立ちませんでした: img { width: 100%; height: auto; max-width: 100%; } これらの画像の多くは親divよりも幅が広いため、それに応じてサイズを変更したいのですが、小さな画像がそこに表示され、通常の寸法を超えて拡大されると、本当にひどく見えます。これを行う方法はありますか?
125 html  width  css 

3
iPadブラウザWIDTH&HEIGHT標準
iPadでWebページを表示するときに、BODYの最も安全な幅と高さを知っている人はいますか?スクロールバーはできるだけ避けたいです。 ありがとう。 エリック
125 width 

10
float:leftが設定されている場合、divを最大幅に拡張
私はそのようなものを持っています: <div style="width:100px;float:left">menu</div> <div style="float:left">content</div> 両方のフロートが必要です。コンテンツdivを画面全体に加え、メニューの100pxを差し引かないようにします。floatを使用しない場合、divは正確に拡張されます。しかし、フロートが設定されているときにこれをどのように設定しますか?のようなsthを使用する場合 style=width:100% 次に、コンテンツdivは、本体または私が試した別のdivのいずれかである親のサイズを取得します。そのため、もちろん、メニューの右側に適合しないため、以下に表示されます。
115 html  width 

11
コンテンツのないdivに幅を持たせるにはどうすればよいですか?
に幅を追加しようとしdivていますが、コンテンツがないため問題が発生しているようです。 ここに私が持っているCSSとHTMLがありますが、機能していません: CSS body{ margin:0 auto; width:1000px } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } HTML <body> <div id="test"> <ul> <li> <div class="test1">width1</div> <div class="test1">width2</div> <div class="test1">width3</div> </li> <li> <div class="test1"></div> <div class="test1">width2</div> <div class="test1">width3</div> </li> <li> <div class="test1"></div> <div class="test1">width2</div> <div class="test1">width3</div> </li> </ul> </div>
110 html  css  width  css-float 

12
jQuery-表示されていないときに要素の幅を取得(表示:なし)
要素が表示されていないときのjQueryのようですwidth()は0を返します。理にかなっていますが、親を表示する前に、親の幅を設定するためにテーブルの幅を取得する必要があります。 以下で説明するように、親にはテキストが含まれているため、親が歪んで見栄えが悪くなります。親の幅をテーブルと同じにして、テキストを折り返します。 <div id="parent"> Text here ... Can get very long and skew the parent <table> ... </table> Text here too ... which is why I want to shrink the parent based on the table </div> CSS: #parent { display: none; } JavaScript: var tableWidth = $('#parent').children('table').outerWidth(); if (tableWidth > …
108 jquery  width 

7
グループ化されたスタイルでUITableViewのセルの幅を設定する方法
私は約2日間これに取り組んでいるので、私はあなたと私の学んだことを共有すると思いました。 問題は、グループ化されたUITableViewのセルの幅を小さくすることは可能ですか? 答えはいいえだ。 しかし、この問題を回避するには2つの方法があります。 解決策1:テーブルを薄く するtableViewのフレームを変更して、テーブルを小さくすることができます。これにより、UITableViewは幅を縮小してセルを内部にレンダリングします。 この解決策は次のようになります。 -(void)viewWillAppear:(BOOL)animated { CGFloat tableBorderLeft = 20; CGFloat tableBorderRight = 20; CGRect tableRect = self.view.frame; tableRect.origin.x += tableBorderLeft; // make the table begin a few pixels right from its origin tableRect.size.width -= tableBorderLeft + tableBorderRight; // reduce the width of the table tableView.frame = …
107 ios  iphone  uitableview  width 

2
IEで機能しない要素に初期幅を使用する
<table>コンテナーと凡例をコンテナーに挿入するグラフプラグインがあります。このプラグインにtableはwidth定義がなく、CSSにはプラグインが挿入されたコンテナ内のテーブルの幅があります。 そのため、新しいdivはtable{ width: 100%}CSSから継承され、正しくレンダリングされません。 を使用しようとしましたがwidth: initial;、Chrome では問題ありません が、IEはブラウザの互換性をチェックしません スクリプト/プラグインでインラインCSSを変更/強制することは認めますが、それはどの環境でも機能する必要があるためです。 ここでの最良の解決策は何ですか?

14
幅が100%のHTML入力テキストボックスがテーブルセルからオーバーフローする
幅が100%の入力要素がテーブルのセルの境界線を超える理由を誰かが知っていますか? 以下の簡単な例では、入力ボックスがテーブルのセルの境界線を超えているため、結果は恐ろしいものになります。これはテスト済みで、Firefox、IE7、Safariでも同じように発生します。 それはあなたにとって意味がありますか?私は何かを逃していますか、可能な解決策について知っていますか? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <!-- don't use closing slash in meta tag, it breaks HTML4.01 transitional --> <title>Test input text in table</title> <style type="text/css"> table {border-top: 1px solid #ff0000; border-left: 1px solid #ff0000;} table td {border-right: 1px solid …
106 html  input  html-table  width 

4
ビューポートのサイズが変更されていない場合、jquery $(window).width()と$(window).height()は異なる値を返します
私は繰り返し呼び出すjqueryの使用してサイトを書いています$(window).width()し、$(window).height()ビューポートのサイズに基づいて、位置や大きさの要素にします。 トラブルシューティングで、ビューポートのサイズが変更されていないときに、上記のjquery関数を繰り返し呼び出すと、わずかに異なるビューポートサイズレポートが表示されることがわかりました。 これがいつ起こるか誰もが知っている特別なケースがあるのか​​、またはこれがまさにその通りであるのか疑問に思います。報告されているサイズの違いは20px以下であると表示されます。Mac OS X 10.6.2のSafari 4.0.4、Firefox 3.6.2、Chrome 5.0.342.7ベータで発生します。他のブラウザーはブラウザーに固有のものではないため、まだテストしていません。私はまた、違いが何に依存するかを理解することができませんでした。それがビューポートのサイズでない場合、結果を異なるものにする別の要因があるのでしょうか? どんな洞察もいただければ幸いです。 更新: これは、の値ではない$(window).width()と$(window).height()変化しています。上記の値を格納するために使用している変数の値です。 値に影響を与えるのはスクロールバーではなく、変数の値が変更されてもスクロールバーは表示されません。これが、変数に値を格納するためのコードです(これは、値を短くするためです)。 (これはすべて内にあります$(document).ready()) //最初に、他の関数から見えるように変数を宣言します .ready() var windowWidth = $(window).width(); //retrieve current window width var windowHeight = $(window).height(); //retrieve current window height var documentWidth = $(document).width(); //retrieve current document width var documentHeight = $(document).height(); //retrieve current document height var vScrollPosition …

8
(マイナス)スクロールバーなしで画面幅を取得するにはどうすればよいですか?
要素があり、垂直スクロールバーなし(!)の幅が必要です。 Firebugはボディの幅が1280pxであると教えてくれます。 これらはいずれもFirefoxで正常に動作します。 console.log($('.element').outerWidth() ); console.log($('.element').outerWidth(true) ); $detour = $('.child-of-element').offsetParent(); console.log( $detour.innerWidth() ); それらはすべて、私が探している値である1263pxを返します。 ただし、他のすべてのブラウザでは1280pxが表示されます。 垂直スクロールバーなし(!)で全画面幅を取得するクロスブラウザ方法はありますか?

13
ブートストラップ要素100%幅
100%色のブロックを交互に作成したいと思います。「理想的な」状況は、現在の状況だけでなく、添付ファイルとして示されています。 必要なセットアップ: 現在: 私の最初のアイデアは、divクラスを作成し、背景色を付け、幅を100%にすることでした。 .block { width: 100%; background: #fff; } ただし、これは明らかに機能しないことがわかります。コンテナエリアに限定されています。コンテナを閉じようとしましたが、それも機能しませんでした。


8
100%幅のない表示ブロック
displayプロパティを使用して、span要素を別の要素の下に表示されるように設定したい。インラインブロックを適用しようとしましたが、成功しませんでした。何らかの方法で要素に100%の幅を与えないようにすると、ブロックを使用できると考えました(要素を「引き伸ばしたくない」)。これは可能ですか、そうでない場合は、この種の問題を解決するための優れた実践方法は何ですか? 例:各投稿の最後に「もっと読む」リンクを設定するニュースリスト(注:<a>ではなく<span>) <li> <span class="date">11/15/2012</span> <span class="title">Lorem ipsum dolor</span> <a class="read-more">Read more</a> </li> 更新:解決しました。CSSで適用 li { clear: both; } li a { display: block; float: left; clear: both; }
95 html  width  block  css 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.