css snippets
一、css父子选择器 .index__rules___3dyYc>.index__list___2OerP>li[data-length="1"] { padding-left: 0; } .index__rules___3dyYc>.index__list___2OerP>li { position: relative; padding-left: 27px; } 来源： https://www.cnblogs.com/dhjy123/p/11807464.html
padding
Border-radius and padding not playing nice
问题 I'm having trouble trying to get a radius on images. I've simplified my problem and exaggerated the variables for demonstration purposes. CSS : div.wrap img { -moz-border-radius: 50px; border-radius: 50px; } img.pic { padding: 15px 25px 35px 45px; } HTML : <div class="wrap"> <img class="pic" src="http://i.imgur.com/UAef0.jpg" width="300" height="300" /> </div> If I remove the padding, poof, pretty corners. If it helps, there's a reason why they're in two different classes. "wrap" can have
关于负margin在微博的应用
关于负margin在微博的应用： 1、去除多余的margin值 示例截图： 结构： 关键样式： 说明：bar_pictecxt的宽度是“新吧推荐”的宽度，piclist的宽度是浅蓝色块的宽度，内层的宽度大于外层，所以外层使用margin负。这里循环dl的外面有两层div，如果只用一个div，则IE6需要设置此div的宽度才能兼容，不灵活。 此示例仅仅是margin-right的负值效果，经测试margin-top、margin-left、 margin-bottom均有效，只是IE6针对周围环境会有数值的较小差别而已。 2、去除多余的border 示例截图： 结构： 关键样式： 说明：list_bar_d2_pos是隐藏外层，ul设置margin负，li是循环元素，这是做border隐藏的黄金三层结构，屡试不爽。ul和li只有两层结构，没有示例1那样的三层机构，所以IE6中需要对ul设定宽度，如“_width:742px”。 此示例可以理解为示例1的衍生，只是多出来的margin值是看不见的不需要被隐藏，而border是可见的，需要一个外层来隐藏。 此示例仅仅是margin-right的负值效果，经测试margin-bottom也有效，只是IE6下需要去除循环元素的浮动，overflow:hidden的外层加上zoom:1。 3、冲破padding的局限 示例截图： 结构：
Offset in a struct with bit fields
If we have a struct with bit fields, then how are the subsequent members aligned in the struct? Consider the following code: struct A{ int a:1; char b; // at offset 1 }; struct B{ int a:16; int b: 17; char c; // at offset 7 }; printf("Size of A: %d\n", (int)sizeof(struct A)); printf("Offset of b in A: %d\n", (int)offsetof(struct A, b)); printf("Size of B: %d\n", (int)sizeof(struct B)); printf("Offset of c in B: %d\n", (int)offsetof(struct B, c)); Output: Size of A: 4 Offset of b in A: 1 Size of B: 8 Offset of c in B: 7 Here, in the first case, b is allocated just in the 2nd byte of the struct
Remove padding from matplotlib plotting
问题 I am plotting an image in matplotlib, and it keeps giving me some padding. This is what I have tried: def field_plot(): x = [i[0] for i in path] y = [i[1] for i in path] plt.clf() plt.axis([0, 560, 0, 820]) im = plt.imread('field.jpg') field = plt.imshow(im) for i in range(len(r)): plt.plot(r[i][0],r[i][1],c=(rgb_number(speeds[i]),0,1-rgb_number(speeds[i])),linewidth=1) plt.axis('off') plt.savefig( IMG_DIR + 'match.png',bbox_inches='tight', transparent="True") plt.clf() 回答1: Try using pad
Doesn't work EditText padding in the API 21
问题 Doesn't work EditText padding in the API 21. I try to do it in empty project, only with single editText, but it still doesn't work. Set padding programmatically works, but in my work project, I've a lot of EditTexts with different paddings and set padding programmatically isn't right way. On API level 19 xml padding works well. Are there any solutions? This my EditText xml code: <EditText android:id="@+id/et_text" android:text="Text" android:paddingLeft="20dp" android:paddingStart="20dp"
Trying to understand margins in LinearLayout inside a ScrollView
问题 I need to have a LinearLayout inside a SrollView and that LinearLayout must have a margin from the ScrollView . At first, the only way I could think of to solve that issue was having a LinearLayout inside another LinearLayout with the margins set on the this last layout. They wouldn't work if they were set in the outer LinearLayout. Example: <?xml version="1.0" encoding="utf-8"?> <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android
Remove 3 pixels in iOS/WebKit textarea
问题 I'm trying to create a textarea that looks exactly like a div . However, on iOS there's 3 pixels coming from somewhere that I can't remove. Here's my code: <!doctype html> <title>Textarea test</title> <style> textarea, div { background: yellow; font: 13px arial; border: 0; padding: 0; border-radius: 0; margin: 0; -webkit-appearance: none; } </style> <div>test</div> <hr> <textarea>test</textarea> This is rendered like so (I've zoomed in): As the screenshot shows, there's 3 pixels before the
How to override external css?
I have an external css file which applies 35px padding to my content div. All my html pages are loaded inside that div but for one of them I want to use 0 padding-right. I tried inline css, applying it directly on the body of that page and also using !important but nothing worked. What I am I doing wrong? index.html: <div id="content"><?php include "page.html"?></div> main.css: #content{ margin-top: 303px; padding: 35px; z-index:1; } page.html: <body style="padding:0px;"> To override a css setting you must use the keyword important. <body style="padding:0px ! important;"> CSS reads top-down,
Android layout unwanted padding
So i am having this layout file (below). As you can see, there is no padding or margin. The dimen.xml files also dont have any padding/margin. Finally, i do NOT change the layout programmatically at all. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/root" android:padding="0dp" android:orientation="vertical"> <android.support.v7.widget.CardView android:id="@+id/toolbarholder"