Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery li元素内部的超链接_Jquery_Html_Css - Fatal编程技术网

Jquery li元素内部的超链接

Jquery li元素内部的超链接,jquery,html,css,Jquery,Html,Css,有没有办法将hyplerlink元素拉伸到内部li元素的大小 <ul> <li><a href="#">this link to fill up the li element width and height</a><li> </ul> 是。应用显示:块;宽度:100%到元素的CSS 例如: HTML <ul> <li><a href='#'>Link 1</a&

有没有办法将hyplerlink元素拉伸到内部li元素的大小

<ul>
    <li><a href="#">this link to fill up the li element width and height</a><li>
</ul>

是。应用<代码>显示:块;宽度:100%到元素的CSS

例如:

HTML

<ul>
  <li><a href='#'>Link 1</a></li>
  <li><a href='#'>Link 2</a></li>
  <li><a href='#'>Link 3</a></li>
</ul>
标记是一个
内联的
元素,这意味着它的宽度不能设置样式(以及其他几个属性)。因此,需要将显示更改为
block

a {display: block; width: 100%;}
这样就可以了。

当然可以

li a {width:100%; display:block;}

您可以选择对您有帮助的最佳答案。这几乎不需要几秒钟……:)我对我的答案很满意,实际上我更同意这个标准,而不是我自己的答案。你也解释得很好:)
li a {width:100%; display:block;}