border | 易学教程

Blend 2015 教程（四）控件模板

阅读更多关于 Blend 2015 教程（四）控件模板

前一篇讲述了修改ListBox样式的方法，本篇将修改性别显示区域的样式。 1. 选择ListBox控件，编辑ItemTemplate的当前项，选择CheckBox控件，在美工板导航栏中点击CheckBox，选择编辑模板-创建空白项，进入控件模板编辑模式。 2. 选择文档大纲面板中的Grid，在属性面板中把Width改为30。 3. 在Grid中绘制一个TextBlock并重置布局，将Text属性改为男，HorizontalAlignment属性为居中对齐。 4. 在状态面板中点击Checked，如下图所示。在属性面板中把Text属性改为女，文档大纲面板如下图，TextBlock下面有带五角星图标的Text属性，表示该属性有动画存在。美工板如下图所示，红框表示正在录制动画。此时运行程序可以看到效果，点击男或女文字可以进行切换。 5. 在文档大纲面板中选择Grid，在状态面板中选择基本，然后把Grid的Background改为蓝色。在状态面板中选择Checked，将背景色改为红色。可以看到Grid下加入了Background的动画。可以运行程序试验效果。 6. 在状态面板中选择基本，在文档大纲面板中右键点击Grid，选择分组-Grid。切换到资产面板，选择控件分类，拖动一个Border到文档大纲面板中的外层Grid中的内层Grid下方，如下图。

盒模型宽高定义box-sizing

阅读更多关于盒模型宽高定义box-sizing

以前盒模型默认的宽高是指内容的宽高。css3后可以用box-sizing来指定宽高。 box-sizing ：content-box | border-box 默认值：content-box content-box： padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding ) 此属性表现为标准模式下的盒模型。 border-box： padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即 ( Element width = width ) 此属性表现为怪异模式下的盒模型。示例： content-box: .test1{ box-sizing:content-box; width:200px; padding:10px; border:15px solid #eee; } border-box: .test2{ box-sizing:border-box; width:200px; padding:10px; border:15px solid #eee; } 来源： https:

盒模型 box-sizing 属性

阅读更多关于盒模型 box-sizing 属性

css3 增添了盒模型 box-sizing 属性， box-sizing 属性值可以有下面三个值： content-box ：默认值，让元素维持 W3C 的标准盒模型。元素的宽度 / 高度（ width/height ）（所占空间）等于元素边框宽度（ border ）加上元素内边距（ padding ）加上元素内容宽度 / 高度（ content width/height ）即： Element Width/Height = border+padding+content width/height 。 border-box ：让元素维持 IE6 及以下版本盒模型。元素的宽度 / 高度（所占空间）等于元素内容的宽度 / 高度。这里的 content width/height 包含了元素的 border,padding, 内容的 width/height 。即： Element Width/Height =width /height-border-padding 。 inherit ：继承父元素的盒模型模式。具体适用场景： <div class="wrapper"> <div id="header">页眉</div> <div class="sidebar">侧边栏</div> <div class="content"

CSS3盒模型——box-sizing

阅读更多关于 CSS3盒模型——box-sizing

box-sizing盒模型是CSS3的一个重要属性之一，常常被很多人给忽略了！CSS3出现之前box-sizing盒模型默认的宽高是指内容的宽高，css3之后可以用box-sizing来指定宽高。目前比较火的前端框架Bootstrap,Foundation等国外框架都是全局设置box-sizing:border-box，如果您不再支持低版本浏览器，这个属性对您来说将会相当好用，相信你会爱上他的！语法： box-sizing: content-box|border-box|inherit; content-box：这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 border-box:为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 inherit:规定应从父元素继承 box-sizing 属性的值。提示：IE8以下的浏览器支持content-box,不支持border-box,border-box是CSS3新增加属性！ content-box示例： .test1{ box-sizing:content-box; width:200px; padding:10px;

标准 DOM 盒模型与 IE 盒模型

阅读更多关于标准 DOM 盒模型与 IE 盒模型

包括四个部分：margin>border>padding>content 在标准DOM盒模型中，dom 的 width 和 height 仅作用于content （IE6 及早期版本的IE7 下 width 和 height 包括了 border 和 padding）因此，一个html元素占据的空间不是width和height，而是这四个部分的加总，另外，由于margin没有内容无法看到(相邻元素都有margin时，你无法凭肉眼确定 dom 占据范围的边界)，如果你设置了border，那么肉眼所见的 DOM 形状就是border>padding>content三项的加总，但是，所占据的空间仍是四项的加总。使用标准盒模型的文档渲染模式有: document.compatMode = "CSS1Compat" 非标准模式(quirke) 下： document.compatMode = "BackCompat" 为了使用 IE 浏览器使用标准模式，可以使用下面的做法： 1、添加文档声明 <!DOCTYPE html> 2、 < meta http-equiv="X-UA-Compatible" content=" IE =edge, chrome=1"> outline 属性：盒模型的outline属性是包围在border外面的边线，设置方法跟border一样

JAVA POI的使用

阅读更多关于 JAVA POI的使用

最近开发遇到了要通过Java处理Excel文件的场景，于是乎在网上了解了一番，最后自己做了个demo，已上传gitee: https://gitee.com/github-26930945/JavaCommon/tree/master/officeDemo 下面是我参考的内容，来源于： https://blog.csdn.net/qq_21137441/article/details/79226171 下载地址 https://archive.apache.org/dist/poi/release/bin/ 需要的jar包（我用的是3.10final） Poi-3.10-Final.jar （用于xls） Poi-ooxml-3.10-Final.jar （用于xlsx） Poi-ooxml-schemas-3.10.jar Xmlbeans-2.30.jar dom4j-1.6.1.jar poi-scratchpad-3.10-FINAL-20140208.jar（用于word，ppt）读doc public static String readWord(String name) { FileInputStream in; String text = null; try { in = new FileInputStream(name); WordExtractor

css表格边框样式

阅读更多关于 css表格边框样式

下面的细线表格是用cellspacing来实现的，用表格的背景色做为边框的颜色。不方便的是每一行都要再设置一个背景色。 < font>下面的细线表格是设置bordercolordark来实现的，因为默认的border其实宽度是2，即使设置为1也没用，bordercolorlight和bordercolordark一起作为表格的边框。所以设置其中一个为背景色，表格边框看起来就会细一些。下面的表格是用css来实现的。 css技巧比较多，列举几种： A：设置border="1"、bordercolor，再加上style="border-collapse:collapse;"。style里面的内容就是css。 B：这个用css来设置边框，结果只显示表格的最外层边线。里面的线不显示。 C: 如果你想要页面的所有表格都是细线表格，也不用一个一个去设置。因为这里是演示用，所以加上了id，你用的时候直接在head里面加上style标签，里面写 table {border-collapse:collapse;} td {border:#000000 1px solid;}，所有该页的table就都是细线了。表格边框控制的其他方法(rules和frame)：说明： 1、这两个属性有时候设置会看不到作用，这是因为与表格边框的css设置冲突。所以说如果需要这些效果，并且还需要细线

为RecyclerView打造通用Adapter

阅读更多关于为RecyclerView打造通用Adapter

##RecycleView简单介绍 RecyclerView控件和ListView的原理有非常多相似的地方,都是维护少量的View来进行显示大量的数据。只是RecyclerView控件比ListView更加高级而且更加灵活。当我们的数据由于用户事件或者网络事件发生改变的时候也能非常好的进行显示。和ListView不同的是，RecyclerView不用在负责Item显示相关的功能。全部有关布局、绘制、数据绑定等都被分拆成不同的类进行管理。同一时候RecyclerView控件提供了下面两种方法来进行简化和处理大数量集合: 1.基本使用 RecycleView的基本使用 RecycleView导包(可有可无) dependencies中加入 compile'com.android.support:recyclerview-v7:23.1.1' 在布局文件里定义 <android.support.v7.widget.RecyclerView android:id="@+id/rcv_history" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v7.widget.RecyclerView> 3.对其进行初始化 rcv_history =

常见的布局方式实现

阅读更多关于常见的布局方式实现

单列布局 HTML： <div class="parent"> <div class="child"></div> </div> 一.水平居中（常见的，那些什么table，导致性能不好的就不说了）实现效果： 1.使用inline-block和text-align实现 <style> .parent{ text-align: center; border: 1px solid red; } .child{ width: 50px; height: 50px; border: 1px solid #667766; background-color: bisque; display: inline-block; } </style> 原理： ①.text-align是指定元素文本的水平对齐方式，可继承， ②.inline-block行内块级元素，就是还是行内元素的排列方式不换行，但是支持块级元素有的宽高和上下padding 多个inline-block子元素会怎样？多个inline-block的间隙解决办法：在父级元素中加入font-size:0; 优点：兼容性好，缺点：需要同时设置子元素和父元素 2.使用margin:0 auto实现 .child{ width: 50px; height: 50px; border: 1px solid #667766; background

Extjs 错误

阅读更多关于 Extjs 错误

uncaught exception: No center region defined in BorderLayout ext-comp-1002 1 使用Border布局的容器必须有一个子件在'中心'区域(region:'center')。中心区域的子件将会自动改变尺寸来填充Border布局中没有被使用的其他区域的空间。(如果不指定会报uncaught exception: No center region defined in BorderLayout XXX 异常) 2 任何west或east区域的子件都必须定义宽度(一个整数代表该区域占用的像素)(如果不指定布局不起作用，并且还会报col is null 的错) 3 任何north或south区域的子件都必须定义高度 4 Border布局的所有区域在被渲染时以及此之后就固定了，其子组件可能无法删除或添加。 5 要添加/删除Border布局内的组件，它们必须是被一个额外的由Border布局直接管理的容器所封装。如果该区域是可收起的(collapsible:true)，Border布局管理器直接使用的容器应该是一个Panel。来源： https://www.cnblogs.com/lxJack/archive/2011/04/21/2023778.html

订阅 border