html - 如何将铁图标一个放在另一个下面

标签 html css

我无法将 iron-icon“arrow-drop-up”和“arrow-drop-down”一个放在另一个下面。我该如何放置。 以下是我的尝试。

<div>
<iron-icon icon="arrow-drop-up"></iron-icon>
<iron-icon icon="arrow-drop-down"></iron-icon>
</div>

最佳答案

如果您希望确保元素垂直对齐,您可以将它们显示为 block 。这可以很容易地完成:

<div>
    <iron-icon style="display:block;" icon="arrow-drop-up"></iron-icon>
    <iron-icon style="display:block;" icon="arrow-drop-down"></iron-icon>
</div>

关于html - 如何将铁图标一个放在另一个下面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44620443/

相关文章:

php - 尝试将数据插入数据库时​​出错。简单的形式

javascript - 如何让 iframe 填充整个页面 100% 和顶部 :4px?

javascript - 使用 Jquery 在 Onclick Toggle 之后添加链接到 img

html - Bootstrap 按钮网格大小

css - 为什么css文件用随机数字和字母命名?

html - CSS 伪元素变换不稳定

html - 当用户的屏幕小于持有 wrapper 时背景图像问题

html - 当我将 CSS 文件移动到它自己的文件夹时没有图像

javascript - 如何创建只有一个图像的图像幻灯片? (自己滑动)

css - rem 单位仅对字体大小有用吗?