关于html5:html-span和img共同居中

49次阅读

共计 293 个字符,预计需要花费 1 分钟才能阅读完成。

要达到这种成果:

html

   <div class="flower" >
              <span class="flowerBox">
                <span>"711 同学"</span>
                <img class="flowerImg" src="改成在线图片 URL" alt />
              </span>
            </div>

css

      .flower {
        align-content: center;
        text-align: center;
        .flowerBox {
          background: #F7F9FC;
          padding: 6px 12px;
          border-radius:2px;
          img {
            width: 20px;
            height: 20px;
            vertical-align: middle;
          }
        }

正文完
 0