通过PartiaLinkText定位元素以CSDN的主页为实例，页面最下方有一个"联系方式"的链接地址，其HTML代码如下：Selenium可以通过anchor上的部分文本信息来查找该元素并进行操作，如果通过"联系"二字来查找该链接地址。示例代码如下：示例代码详解：1、使用FirefoxDriver...
分类：
其他好文 时间：
2015-08-17 16:53:10
阅读次数：
177
通过LinkText定位元素以CSDN的主页为例，页面最下面有一个"联系方式"的链接地址，其HTML代码如下：如上所示，页面上的HTML链接元素一般由标签来表示，即anchor的缩写。其中href表示该链接被单击后会跳转的页面地址。Selenium可以通过anchor上的文本信息来查找该元素并进行操...
分类：
其他好文 时间：
2015-08-17 16:51:50
阅读次数：
130
通过Name定位元素以豆瓣网的主页搜索框为例子，其搜索框的HTML代码如下：Selenium WebDriver中通过Name查找到豆瓣主页上的搜索框元素的java示例代码如下:示例代码详解：1、使用FirefoxDriver 来打开豆瓣主页2、通过Name为q来调用findElemet()方法找到...
分类：
其他好文 时间：
2015-08-17 15:22:11
阅读次数：
112
通过ClassName定位元素以淘宝网的主页搜索框为例，其搜索框的HTML代码如下，ClassName为search-combobox-inputSelenium WebDriver 中通过ClassName查找淘宝主页上搜索框的java示例代码如下：示例代码详解：1、使用FirefoxDriver...
分类：
其他好文 时间：
2015-08-17 15:17:56
阅读次数：
147
Flex布局官方称为CSS Flexble Box 布局模型是CSS3为了提高元素在容器中的对齐、方向、顺序，甚至它们是动态的或者不确定大小的新布局模型。Flex容器的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。
很多的设计师和开发者发现Flex布局很容易使用，它定位元素简单因此很多复杂的布局能够用很少的代码实现，引领更简单的开发过程。Flex布局的算法是基于方向的，不同于基于水平或者垂直的block和inline布局，这种Flex布局可以被用在小的应用组件中，而CSS3...
分类：
Web程序 时间：
2015-08-15 01:35:39
阅读次数：
236
现在几乎所有主流的浏览器都支持position属性，下面是w3school对position五个值的解释：absolute:生成绝对定位的元素，脱离了文档流，相对于static定位以外的第一个父元素进行定位。元素的位置通过left,top,right以及bottom属性进行定位。元素可以通过z-in...
分类：
Web程序 时间：
2015-08-13 20:04:20
阅读次数：
113
上周遇到两个坑。
一是jQuery的on方法 事件冒泡，在iOS中有问题。
二是绝对定位的元素中，如果有输入框，input或者textarea，获取焦点，自动弹出输入法之后，绝对定位的元素会在屏幕最上方到输入法最上边框的中间位置。
$("body").on("click",".contentup",Reply.replyOneHandler);
上面这句，在iOS中没有反应。百度和Google了下，没有太权威的解释。只是大概说，iOS的冒泡，如果一直没有handler来处理事件，则...
分类：
移动开发 时间：
2015-08-10 12:06:52
阅读次数：
144
相对于后面会讲到的绝对定位，相对定位确实要简单的多。但是简单不代表不重要，今天就来说说它。一、什么是相对定位 一旦一个框按照常规流或者是浮动得到定位，它可以相对该位置进行偏移。这就叫做相对定位。这就是标准中对于相对定位的解释。二、相对定位元素的一些特性 relative和absolute有一...
分类：
其他好文 时间：
2015-08-10 00:01:27
阅读次数：
273
IE6中很多Bug都可以通过触发layout得到解决，以上的解决方法无论是设置zoom:1还是设置width和height其实都是为了触发layout。下列的CSS属性或取值会让一个元素获得layout：position:absolute 绝对定位元素的包含区块(containing block)就...
分类：
其他好文 时间：
2015-08-02 19:54:22
阅读次数：
114
在我以前的认知里，在一些定位元素中（position为absolute、fixed或者relative），z-index越大就显示在越前面。比如下面的例子：
wrap1、wrap2、wrap3和box的position均为absolute，其中box为wrap1的子元素，z-index为10。
.wrap{ position: absolute;}...
分类：
其他好文 时间：
2015-07-27 11:07:55
阅读次数：
95
