CSS表格控制定位

html-css022

CSS表格控制定位,第1张

语法 <td align="value">

属性值 值 描述

left左对齐内容（默认值）。

right右对齐内容。

center居中对齐内容。

justify对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。

char将内容对准指定字符。

<tr>

<td align="right">aaaaaaaaaaa</td>

<td align="left">bbbbbbbbbb</td>

<td align="left">ccccccccccc</td>

</tr>

定位元素方法

这里有各种策略用于定位网页中的元素(locate elements)，你可以选择最适合的方案，Selenium提供了一下方法来定义一个页面中的元素：

find_element_by_idfind_element_by_namefind_element_by_xpathfind_element_by_link_textfind_element_by_partial_link_textfind_element_by_tag_namefind_element_by_class_namefind_element_by_css_selector 下面是查找多个元素（这些方法将返回一个列表）：

find_elements_by_namefind_elements_by_xpathfind_elements_by_link_textfind_elements_by_partial_link_textfind_elements_by_tag_namefind_elements_by_class_namefind_elements_by_css_selector

除了上面给出的公共方法，这里也有两个在页面对象定位器有用的私有方法。这两个私有方法是find_element和find_elements。

常用方法是通过xpath相对路径进行定位，同时CSS也是比较好的方法。举例：

<form id="loginForm"> 

<input name="username" type="text"> 

<input name="password" type="password"> 

<input name="continue" type="submit" value="Login"> 

<input name="continue" type="button" value="Clear">

</form>

定位username元素的方法如下：

username = driver.find_element_by_xpath("//form[input/@name='username']")

username = driver.find_element_by_xpath("//form[@id='loginForm']/input[1]")

username = driver.find_element_by_xpath("//input[@name='username']")

[1] 第一个form元素通过一个input子元素，name属性和值为username实现

[2] 通过id=loginForm值的form元素找到第一个input子元素

[3] 属性名为name且值为username的第一个input元素

position:absoluteleft:200pxtop:300px（将表格定位到浏览器X轴200像素，Y轴300像素处。）

一般我都用div布局有时也会用div+table布局。