padding

效果如下：http://www.jpuzi.com/file/201071910212172956/ Html： < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" /> < meta http-equiv ="Content-Style-Type" content ="text/css" /> < link rel ="stylesheet" type ="text/css" href ="css/zoomer.css" media ="screen" /> < title > Zoomer for jQuery </ title > < style type ="text/css" > body { font : Arial, Helvetica, sans-serif normal 10px ; margin : 0 ; padding : 0 ; } * { margin : 0 ; padding : 0 ; } #page { margin : 0 auto ; position : relative ; width : 850px ; font-family :

当我们写css的时候，有时候会忘记设计里面存在的临界情况。举个例子来说吧，当内容的长度超过了我们的期望值，我们也无法解释其中的可能性，页面的设计很可能会因此而崩掉。我们不能保证css总是会按照我们期望的那样工作，但至少我们可以用不同类型的内容来测试，以减少这种情况的发生。 在这篇文章里，我们通过审查真实网站的各种的UI问题来解释这些网站可能会崩溃的原因。准备好了么？来吧！ 一个右侧/左侧有小图标的按钮 这是一个手风琴效果的开关按钮。按钮右侧有一个小图标用来强调它是可点击的。然而当按钮的区域不够长的时候，按钮上的文字会盖住图标。当我们没有考虑到较长内容的时候这种情况就可能发生。 一个解决办法是在右侧增加足够的padding值来适应图标的大小 .button { padding-right: 50px; } 学习Q-q-u-n： 731771211，分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧 （从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划） 注意我们是如何增加padding值来给图标创造出一块安全的显示区域的，现在我们可以确定按钮的布局不会再被破坏了。 输入占位符 当在我们的论坛使用浮动标注模式的时候，特别是按钮在右侧的这种情况，我们需要充分的测试来避免因为占位符过长而导致的问题。 一个解决办法是给按钮添加 position: relative

在使用TF搭建CNN的过程中，卷积的操作如下 convolution = tf.nn.conv2d(X, filters, strides=[1,2,2,1], padding="SAME") 这个函数中各个参数的含义是什么呢？ X:输入数据的mini-batch，为一个4D tensor；分别表示的含义为[n_batch,height,width,channel] filters:为卷积核，为一个4D tensor，分别表示的含义为 [filter_height, filter_width, in_channels, out_channels] stride：为步长，使用方法为[1,stride,stride,1] 该方法先将filter展开为一个2D的矩阵，形状为[filter_height filter_width in_channels, out_channels],再在图片上面选择一块大小进行卷积计算的到一个大小为[batch, out_height, out_width, filter_height * filter_width * in_channels]的虚拟张量。 再将上面两部相乘(右乘filter矩阵) padding：string类型的量，只能是"SAME","VALID"其中之一，这个值决定了不同的卷积方式。下面使用图表示两种的计算形式 当使用 VALID

取值 百分数 是相对于父元素的 width 计算的 如果缺少左外边距的值，则使用右外边距的值; 如果缺少下外边距的值，则使用上外边距的值。如果缺少右外边距的值，则使用上外边距的值。 margin 垂直外边距合并 当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者 当一个元素包含在另一个元素中时（假设没有内边距或边框把外边距分隔开），它们的上和/或下外边距也会发生合并 假设有一个空元素，它有外边距，但是没有边框或填充。在这种情况下，上外边距与下外边距就碰到了一起，它们会发生合并 一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠. (相当于子元素的上边距变为父元素的上边距,从而同垂直元素发生合并,或产生间距) <div class="top"></div> <div class="middle"> <div class="firstChild"> 我其实只是想和我的父元素隔开点距离。 </div> </div> //css .top { width: 160px; height: 50px; background: #ccf; margin-bottom:20px; } .middle { width: 160px;