小编Anu*_*jan的帖子

尝试使用垂直居中文本创建圆形,并且存在圆形文本下

尝试使用垂直居中文本创建圆形,并且存在圆形文本下使用 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)

html css flexbox

3
推荐指数
1
解决办法
1089
查看次数

Angular 6:类型为“ Observable &lt;Response&gt;”的错误模块“ rxjs / add / operator / map”和另一个错误“ map”不存在

我在使用Angular 6时遇到两个错误-

  1. 找不到./src/app/app/img/img.service.ts模块中的错误:错误:无法解析“ / Users / user / Projects / A4 / imageSearch / src”中的“ rxjs / add / operator / map” / app / app / img'

  2. src / app / app / img / img.service.ts(21,9)中的错误:错误TS2339:类型“可观察”的属性“映射”不存在。

npm rxjs angular angular6 rxjs6

-2
推荐指数
1
解决办法
6593
查看次数

标签 统计

angular ×1

angular6 ×1

css ×1

flexbox ×1

html ×1

npm ×1

rxjs ×1

rxjs6 ×1