问题很简单。关于 html 和 css。如何将 html figcaption 元素放置在 img 的右侧（居中）？
如何使 hr 元素出现在离子框架中？当我做 hr 时，它什么也不显示/不可见，或者查看 get 的空白。
有离子成分可以制作 hrs (v1)？如果有，是哪一个？
提前致谢。
我正在尝试使用 css 在 3 个图像之间进行淡入淡出。
我是 @keyframes 的新手，所以我很难让它工作。
下面是 html 和 css 代码片段：
索引.html：
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="cf">
<img class="bottom" src="assets/1.png" />
<img class="top" src="assets/2.png" />
<img class="bottom" src="assets/3.png">
</div>
</body>
</html>
样式.css：
#cf {
position: relative;
height: auto;
width: auto;
margin: 0 auto;
}
#cf img {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
#cf img …