如何使用div内嵌字体真棒

2024-05-20 • 问答

如何使div内嵌真棒字体？

HTML

<div class="row clearfix">
    <div class="col-lg-12">
        <div class="alert alert-info" role="alert">
            <span aria-hidden="true"><i class="fa fa-warning"></i></span>
            <marquee>Lorem..</marquee>
        </div>
    </div>
</div>

我会使用flexbox对齐两个项目。请注意，<marquee>是obsolete。

div[role="alert"] {
  display: flex;
}

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<div class="row clearfix">
  <div class="col-lg-12">
    <div class="alert alert-info" role="alert">
      <span aria-hidden="true"><i class="fa fa-warning"></i></span>
      <marquee>Lorem..</marquee>
    </div>
  </div>
</div>

您可以使用CSS进行以下操作以在文本旁边对齐。

display: inline;

如何使用div内嵌字体真棒

zclan2008 回答：如何使用div内嵌字体真棒

大家都在问