我得到的问题,在我的CSS代码....内嵌块CSS
的问题是....
为什么“图标朋友”和“图标隐私”不想被对齐文字
的Home.html
<link rel="stylesheet" href="//cdn.materialdesignicons.com/1.9.32/css/materialdesignicons.min.css">
<div class="privacy-select">
<span class="display-ib">
<span class="mdi mdi-earth"></span>
<p>World</p>
</span>
<ul class="my-dropdown">
<li>
<span class="mdi mdi-account"></span>
<p>Friend</p>
</li>
<li>
<span class="mdi mdi-lock"></span>
<p>Privacy</p>
</li>
</ul>
</div>
Home.css
.privacy-select {
position: relative;
display: inline-block
}
span {
display: inline-block;
}
p {
margin: 0;
display: inline-block;
}
ul {
dispaly: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.my-dropdown {
position: absolute;
top: 100%;
right: 0;
margin-top: 1em;
}
见我的编码在https://jsfiddle.net/FIERMANDT/7gygxncp/
谢谢:d,真棒对我来说:d – Firmansyah
不客气,很高兴我可以帮助:) – Pete