尝试使用垂直居中文本创建圆形,并且存在圆形文本下使用 Flexbox ,
但无法这样做,
我正在分享我的代码
https://stackblitz.com/edit/angular-rzyhff?file=src%2Fapp%2Fapp.component.html
.flex-container {
display: flex;
background-color: #DDD8D8;
justify-content: center;
}
.flex-container > div {
background-color: #f1f1f1;
height: 25px;
width: 25px;
padding: 29px;
margin: 17px;
border-radius: 50%
}Run Code Online (Sandbox Code Playgroud)
<div class="flex-container">
<div style='background-color: #30D829;'>1</div>
<div style='background-color: #72A7E5;'>2</div>
<div style='background-color: #F0CD09;'>3</div>
<div style='background-color: #A552ED;'>2</div>
<div style='background-color: #EF4E92;'>3</div>
</div> Run Code Online (Sandbox Code Playgroud)
我在使用Angular 6时遇到两个错误-
找不到./src/app/app/img/img.service.ts模块中的错误:错误:无法解析“ / Users / user / Projects / A4 / imageSearch / src”中的“ rxjs / add / operator / map” / app / app / img'
src / app / app / img / img.service.ts(21,9)中的错误:错误TS2339:类型“可观察”的属性“映射”不存在。