我是 HTML CSS 的新手。我需要创建 View 示例照片:
我使用了代码:
<!DOCTYPE html>
<html>
<head>
<style>
attachment{
border-radius:10px;
padding:8px;
display:block;
background:#dadada;
}
attachment::before{
content:"</>";
}
</style>
</head>
<body>
<attachment id="7ffdba46c1b64aba89b5176469c2bd5b">Code snippet </br> Text, 12 lines</attachment>
</body>
</html>
我如何移动 </>
垂直居中,所有内容在 attachment
中标签将在左侧点亮 </>
同一张照片?
非常感谢!
最佳答案
试试这个:
<!DOCTYPE html>
<html>
<head>
<style>
attachment{
border-radius: 10px;
padding: 20px;
display: flex; /* Newly added */
background: #dadada;
align-items: center; /* Newly added */
line-height:2; /* Newly added */
}
attachment::before{
content:"</>";
padding: 20px; /* Newly added */
}
</style>
</head>
<body>
<attachment id="7ffdba46c1b64aba89b5176469c2bd5b">
Code snippet </br> Text, 12 lines
</attachment>
</body>
</html>
关于html - 创建 View 之前使用 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58704591/