A “simpler” answer borrowed from Kaizie would just be adding app:tabMaxWidth=”0dp” in your TabLayout xml: <android.support.design.widget.TabLayout android:layout_width=”match_parent” android:layout_height=”wrap_content” app:tabMaxWidth=”0dp” app:tabGravity=”fill” app:tabMode=”fixed” />
According to the CSS basic box model, an element’s width and height are applied to its content box. Padding falls outside of that content box and increases the element’s overall size. As a result, if you set an element with padding to 100% width, its padding will make it wider than 100% of its containing … Read more
The height of a block element defaults to the height of the block’s content. So, given something like this: <div id=”outer”> <div id=”inner”> <p>Where is pancakes house?</p> </div> </div> #inner will grow to be tall enough to contain the paragraph and #outer will grow to be tall enough to contain #inner. When you specify the … Read more
My answer on this question might help you: int finalHeight, finalWidth; final ImageView iv = (ImageView)findViewById(R.id.scaled_image); final TextView tv = (TextView)findViewById(R.id.size_label); ViewTreeObserver vto = iv.getViewTreeObserver(); vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() { public boolean onPreDraw() { iv.getViewTreeObserver().removeOnPreDrawListener(this); finalHeight = iv.getMeasuredHeight(); finalWidth = iv.getMeasuredWidth(); tv.setText(“Height: ” + finalHeight + ” Width: ” + finalWidth); return true; } }); You can … Read more
Span is an inline element. It has no width or height. You could turn it into a block-level element, then it will accept your dimension directives. span.product__specfield_8_arrow { display: inline-block; /* or block */ }
Not sure why it is in the module shutil, but it landed there in Python 3.3. See: Querying the size of the output terminal >>> import shutil >>> shutil.get_terminal_size((80, 20)) # pass fallback os.terminal_size(columns=87, lines=23) # returns a named-tuple A low-level implementation is in the os module. Cross-platform—works under Linux, Mac OS, and Windows, probably … Read more
Consider flex-direction The first thing that comes to mind when reading your question is that flex-basis doesn’t always apply to width. When flex-direction is row, flex-basis controls width. But when flex-direction is column, flex-basis controls height. Key Differences Here are some important differences between flex-basis and width / height: flex-basis applies only to flex items. … Read more
New way I’ve just stumbled upon: css calc(): .calculated-width { width: -webkit-calc(100% – 100px); width: -moz-calc(100% – 100px); width: calc(100% – 100px); } Source: css width 100% minus 100px
box-sizing: border-box is a quick, easy way to fix it: This will work in all modern browsers, and IE8+. Here’s a demo: http://jsfiddle.net/thirtydot/QkmSk/301/ .content { width: 100%; box-sizing: border-box; } The browser prefixed versions (-webkit-box-sizing, etc.) are not needed in modern browsers.
The problem that I found with Boushley’s answer is that if the right column is longer than the left it will just wrap around the left and resume filling the whole space. This is not the behavior I was looking for. After searching through lots of ‘solutions’ I found a tutorial (now link is dead) … Read more