我已经创建了一个显示标题和描述的网站搜索页面。标题和描述之间有很多空格。
下面是显示结果的示例代码echo "<div class='"main'"><ul><li><h3><a href='$link' style='text-decoration: none'><b>$title</b></a></h3>$description </div></li></ul>";
虽然标题和描述之间没有"br"标签，但它们之间有很多空间。如何摆脱这个空间。你能在这里告诉我吗?行高函数在这里起作用吗?
下面是css代码
.main {
position:relative;
font-size:1.01vw;
color:Black;
font-family: Helvetica;
top:3.5vw;
left:26vw;
}
谢谢
如果你仔细看一下HTML你会发现在</li></ul>之前关闭了div在</div></li></ul>末尾
echo "<div class='"main'"><ul><li><h3><a href='$link' style='text-decoration: none'><b>$title</b></a></h3>$description </div></li></ul>";
应为</li></ul></div>
echo "<div class='"main'"><ul><li><h3><a href='$link' style='text-decoration: none'><b>$title</b></a></h3>$description</li></ul></div>";
在CSS中添加
h3 {
margin: 0px;
}
小提琴
这是因为<h3>是块级元素。
您需要添加style=float:left; width:auto。
请使用下面的CSS:
h3{padding: 0; margin:0; line-height:normal;}