如何增加錨標記的寬度內李李寬度

我有結構這樣如何增加錨標記的寬度內李李寬度

<div class='myClass'> 
    <ul> 
      <li> 
       <a href="myfile.html">My link</a> 
      </li> 
    </ul> 
    </div>

我li有一個固定的。
但是a文本並不總是等於li寬度
因此可點擊的區域小於li。
我試圖通過增加a的寬度來修復它，但它不起作用。
我該如何實現它。
我使用以下css

.tooltipinner ul { 
    list-style-type: none; 
    margin: 0; 
    overflow-y: auto; 
    padding: 0; 
    width: 305px; 
} 
.tooltipinner ul li { 
    background-color: #BBAEA5; 
    background-image: url("../../Images/UIFiles/Menu/SubmenuBg.jpg"); 
    background-position: left top; 
    background-repeat: repeat-x; 
    border-top: 1px solid #C1BFBD; 
    color: #FFFFFF; 
    cursor: pointer; 
    float: left; 
    font-size: 12px; 
    padding-bottom: 4px; 
    padding-left: 5px; 
    padding-top: 4px; 
    width: 199px; 
} 
.tooltipinner ul li:hover { 
    background-color: #BBAEA5; 
    background-image: url("../../Images/UIFiles/Menu/SubmenuBgHover.jpg"); 
    background-position: left bottom; 
    background-repeat: repeat-x; 
    border-top: 1px solid #C1BFBD; 
    cursor: pointer; 
    float: left; 
    padding-left: 5px; 
} 
.tooltipinner ul li a { 
    color: #000000; 
    font-size: 12px; 
    font-weight: 400; 
    text-decoration: none; 
} 
.tooltipinner ul li a:link { 
    color: #000000; 
    min-width: 200px; 
    text-decoration: none; 
}

我也試圖把一個div內a但block元素不能放在裏面a。我該如何解決這個問題。

這裏是一個小提琴
http://jsfiddle.net/qry45/2/
http://jsfiddle.net/qry45/4/

來源

2013-02-21 शेखर

提供一個演示：http://jsbin.com – 2013-02-21 05:19:34

@Web_Designer我創建了一個小提琴，這是在問題 – 2013-02-21 05:32:28

我不確定，但如果你申請width:inherit;於所有內一個，它的工作原理

li { 
    width: 400px; 
    border: 1px solid red; 
} 

li a { 
    position: relative; 
    width: inherit; 
    border: 1px solid green; 
}

來源

2013-02-21 05:18:43

我創建了一個小提琴http://jsfiddle.net/qry45/4/ – 2013-02-21 05:35:51

@krshekhar只需添加顯示：block; width：inherit; to .tooltipinner ul li a：鏈接，你完成我已經在螢火蟲測試.. – 2013-02-21 05:39:14

@krshekhar和其他原因沒有得到整體寬度是你的CSS有填充底部：4px; padding-left：5px; padding-top：4px; .tooltipinner ul li如此錨定的這三條規則將佔用整個寬度，但是對於該三條邊來說填充。 – 2013-02-21 05:41:36

像這樣的事情在你的CSS：

.myClass li a { 
    width: 100%; 
}

塊元素可以放在內聯元素（<a>，<span>等），如果你裏面使用HTML5文檔類型，並且如果您在<a>元素上設置了display: block;：

.myClass li a { 
    display: block; 
}

來源

2013-02-21 05:14:41

無法正常工作我已經做了一個小提琴http://jsfiddle.net/qry45/4/ – 2013-02-21 05:34:54

@Shekhar你想完成的事情可以用很少的CSS來完成。這是一個改進的演示：http://jsfiddle.net/qry45/6/ – 2013-02-22 17:11:46

這確實對我有用。做得好。謝啦。節省了我的時間。 – Niraj 2016-07-22 05:56:01

如何增加錨標記的寬度內李李寬度

回答

相關問題