CSS里定位的问题,导航UL文字怎么定位!

html-css014

CSS里定位的问题,导航UL文字怎么定位!,第1张

使用 CSS position 属性 对元素进行定位

定义和用法

position 属性规定元素的定位类型。

浏览器支持   

     

      

所有主流浏览器都支持 position 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

说明

这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

可能的值

实例

定位 h2 元素:

h2

  {

  position:absolute

  left:100px

  top:150px

  }

css样式给li。

1.文字居中定义文字居中始终是要的,所以首先给予ul外层div一个text-align(文本对齐:居中),还可以给一个“溢位:隐藏(overflow: hidden)”,当然也可以定义一下高和宽。

2.ul定义ul不能定义宽度,我们只能给一个定位,类型为相对(position: relative),置入左为50%(left: 50%),当然也可以给一个浮动。请注意,ul千万不能用溢位:隐藏(overflow: hidden),这样,部分li就无法显示。

3.li定义li的定义跟ul差不多,宽度不固定,同样给一个定位,类型为相对(position: relative),置入右为50%(right: 50%),恰恰和ul相反,这样定义后li就可以无论分页多少始终居中了。

<ulstyle="max-height:230pxoverflow-y:auto"class="dropdown-menuinnerselectpicker"role="menu">

\t<liclass=""rel="0"><atabindex="0"class=""style=""><spanclass="text">PleaseChoose</span></a></li>

\t<liclass=""rel="1"><atabindex="0"class=""style=""><spanclass="text">QQQQ</span></a></li>

\t<liclass=""rel="2"><atabindex="0"class=""style=""><spanclass="text">PPPP</span></a></li>

\t<liclass=""rel="3"><atabindex="0"class=""style=""><spanclass="text">abc</span></a></li>

\t<liclass=""rel="4"><atabindex="0"class=""style=""><spanclass="text">aaaaaaaa</span></a></li>

</ul>

选择最后一个元素

driver.findElement(By.xpath("(//ul[@class='dropdown-menuinnerselectpicker']/li)[last()]/a/span[@class='text']")).click()

扩展资料:

注意事项

如果页面中有两个<ul><li>...</li></ul>,需要先定位到特定的ul,不然li[last()]会始终选择当前页面的最后一个li。

css之指定带有特点样式的ul下所有li里面的a标签的样式

<styletype="text/css">

ul.aside-hdlia{

color:#B97800

}

.aside-hdlia:HOVER{

color:red

}

</style>

css之指定带有特点样式的ul下所有li里面的a标签的样式。