var bordT = $(‘img’).outerWidth() – $(‘img’).innerWidth(); var paddT = $(‘img’).innerWidth() – $(‘img’).width(); var margT = $(‘img’).outerWidth(true) – $(‘img’).outerWidth(); var formattedBord = bordT + ‘px’; var formattedPadd = paddT + ‘px’; var formattedMarg = margT + ‘px’; Check the jQuery API docs for information on each: outerWidth innerWidth width Here’s the edited jsFiddle showing the result. … Read more
You can add some margin-top to both flex items, and a negative margin-top of the same amount to the flex container. This way, the negative margin of the flex container will neutralize the margin of the flex items at the first line, but not the margin of the items that wrapped to other lines. .container … Read more
Negative margins are valid in css and understanding their (compliant) behaviour is mainly based on the box model and margin collapsing. While certain scenarios are more complex, a lot of common mistakes can be avoided after studying the spec. For instance, rendering of your sample code is guided by the css spec as described in … Read more
Yes, you can! Or if not those terms exactly, then at least the next best thing. In 2020 this is now very straightforward using the CSS math functions: min(), max(), and clamp(). A min calculation picks the smallest from a comma separated list of values (of any length). This can be used to define a … Read more
You need to define the width of the element you are centering, not the parent element. #header ul { margin: 0 auto; width: 90%; } Edit: Ok, I’ve seen the testpage now, and here is how I think you want it: #header ul { list-style:none; margin:0 auto; width:90%; } /* Remove the float: left; property, … Read more
Adding a top padding and setting clipToPadding to false will do the trick. Something like this: <android.support.v7.widget.RecyclerView android:id=”@+id/recyclerview” android:paddingTop=”8dp” android:clipToPadding=”false” android:layout_width=”match_parent” android:layout_height=”match_parent” />
RowDefinition and ColumnDefinition are of type ContentElement, and Margin is strictly a FrameworkElement property. So to your question, “is it easily possible” the answer is a most definite no. And no, I have not seen any layout panels that demonstrate this kind of functionality. You can add extra rows or columns as you suggested. But … Read more
When you have specified a width on the object that you have applied margin: 0 auto to, the object will sit centrally within it’s parent container. Specifying auto as the second parameter basically tells the browser to automatically determine the left and right margins itself, which it does by setting them equally. It guarantees that … Read more
Add overflow:auto to your #page div. jsFiddle example And check out collapsing margins while you’re at it.
android.view.ViewGroup.MarginLayoutParams has a method setMargins(left, top, right, bottom). Direct subclasses are: FrameLayout.LayoutParams, LinearLayout.LayoutParams and RelativeLayout.LayoutParams. Using e.g. LinearLayout: LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); lp.setMargins(left, top, right, bottom); imageView.setLayoutParams(lp); MarginLayoutParams This sets the margins in pixels. To scale it use context.getResources().getDisplayMetrics().density DisplayMetrics