html – 内联导航示例不起作用

前端之家收集整理的这篇文章主要介绍了html – 内联导航示例不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > HTML and CSS is not working?2个
<style type=”text/css”>

.toolbar li {
    display: inline-block;
    background-color: #eee;
    border: 1px solid;
    border-color: #f3f3f3 #bbb #bbb #f3f3f3;
    margin: 0;
    padding: .5em;
    zoom: 1;    
}

</style>

<ul class=”toolbar”>
    <li><a href=”#”>Home</a></li>
    <li><a href=”#”>About us</a></li>
    <li><a href=”#”>Products</a></li>
    <li><a href=”#”>FAQs</a></li>
    <li><a href=”#”>Contact us</a></li>    
</ul>

我从教程中复制了这段代码但结果却不同了.我希望我的列表在一行中,而不是在5行.

解决方法

将曲线引号“更改为有效双精度”或单曲’.

JSFiddle

原文链接:https://www.f2er.com/html/231905.html

猜你在找的HTML相关文章