关于CSS3 display问题

http://img.mukewang.com/5773521e0001ee0309410567.jpg我添加了display:inline-block还是没有水平是什么原因啊

qq_你好哦_0
浏览 1611回答 4
4回答

woshiajuana

你使用了多个ul标签修改如下<!DOCTYPE html><html><head>    <meta charset="utf-8" />    <title></title>    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1">    <link rel="stylesheet"  type="text/css" href="js/style.css"/></head><body><div class="nav">    <ul class="clear">        <li><a href="#" class="tooltip tooltip-effect-1">Home            <span class="tooltip-content"><i></i></span>        </a></li>        <li><a href="#" class="tooltip tooltip-effect-2">About me            <span class="tooltip-content"><i></i></span>        </a></li>        <li><a href="#" class="tooltip tooltip-effect-3">Photographer            <span class="tooltip-content"><i></i></span>        </a></li>        <li><a href="#" class="tooltip tooltip-effect-4">Work            <span class="tooltip-content"><i></i></span>        </a></li>        <li><a href="#" class="tooltip tooltip-effect-5">Contact            <span class="tooltip-content"><i></i></span>        </a></li>    </ul></div></body></html>

echo_kinchao

你要把全部li放进Ul里面  ul是父级

woshiajuana

贴出所有的代码,HTML也需要最好不要截图,不然一下看不出来,放编译器还得自己挨个敲,很麻烦费时间
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3