html – 定位锚元素中的文本而不是图像

概述我不希望图片有下划线,但我需要在文本中加下划线加下划线.我怎样才能做到这一点？这是一个wordpress主题,所以我不能改变我必须留在CSS的 HTML .post-desc a{ border-bottom: 1px solid #FBCF00;}.post-desc a img{ border-bottom: none;} <div class="post-desc"> 我不希望图片有下划线,但我需要在文本中加下划线加下划线.我怎样才能做到这一点？这是一个wordpress主题,所以我不能改变我必须留在CSS的 HTML

.post-desc a{    border-bottom: 1px solID #FBCF00;}.post-desc a img{    border-bottom: none;}

<div ><a href="http://www.montrealguIDecondo.ca/news/wp-content/uploads/2016/01/exterIEur-1.jpg" target="_blank" rel="attachment wp-att-2763"><img  src="http://www.montrealguIDecondo.ca/news/wp-content/uploads/2016/01/exterIEur-1.jpg" alt="extérIEur de Tod condo" wIDth="639" height="438"></a>  </div>

解决方法 你可以使用display：table在图像下删除它;在图像上,像这样：

.post-desc a img{    border-bottom: none;    display:table;}

片段：

.post-desc a {  border-bottom: 1px solID #FBCF00;}.post-desc a img {  border-bottom: none;  display: table;}

<div >  <a href="http://www.montrealguIDecondo.ca/news/wp-content/uploads/2016/01/exterIEur-1.jpg" target="_blank" rel="attachment wp-att-2763">    <img  src="http://www.montrealguIDecondo.ca/news/wp-content/uploads/2016/01/exterIEur-1.jpg" alt="extérIEur de Tod condo" wIDth="639" height="438">  </a></div>

总结

以上是内存溢出为你收集整理的html – 定位锚元素中的文本而不是图像全部内容，希望文章能够帮你解决html – 定位锚元素中的文本而不是图像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。