Question

我几天前开始学习HTML和CSS，现在遇到了问题：

#referenzen{
        width: 100%;
        padding: 25px;
    
    }

    #referenzen h1, h2, h3, h4, h5, h6{
        margin-bottom: 0;
    }

    #referenzen p{
        padding-right: 25px;
        font-size: 18px;
    }

    #referenzen img{
        height: 50px;
        width: 50px;
        float: left;
    }

<div id="wrapper">
    <div id="referenzen">
        <img src="../Bilder/info.png">
        <h1>Unsere Firmengeschichte</h1>
        <br>
        <p>Die Firma Fair-Bau GmbH wurde im April 2010 gegründet und betätigt sich in den Sparten ausführende Baumeisterarbeiten, Vollwärmeschutzarbeiten, Verputzarbeiten sowie dem Handel mit Baustoffen.
            Der Betrieb beschäftigt 15- 20 Mitarbeiter.	</p>
    </div>

如何直接将图像分配给标记，使其直接位于标记旁边？

当前状态的页面：http://imgur.com/a/IprOF

提前致谢！

Answer 1

我有两种方法可以做到：

在HTML中：您可以在<img>内插入<h1></h1> - 代码 - 标记
：您可以将h1和img设置为display: inline-block

我更喜欢第一个。

编辑以便更好地理解：

标记<h1>...<h6>的默认display为block，这意味着它们占据父容器总宽度的100％。因此，将其更改为内联块会破坏100％宽度并将其缩小到设置的宽度值，或者如果未将其缩小到所包含元素的大小。

Answer 2

您只能public class DeptNosProfile : Profile { protected override void Configure() { Mapper.CreateMap<DeptNumber, DeptNoVM>() .ForMember(dest => dest.Jobs, opt => opt.MapFrom(s => s.DeptJobLinks.Select(x => x.JobNumber))); } } public class JobNosProfile : Profile { protected override void Configure() { Mapper.CreateMap<JobNumber, JobNoVM>(); //.ForMember(dest => dest.Department, opt => opt.MapFrom(s => s.DeptJobLinks.FirstOrDefault())); } }到图片。

margin-top: 15px

#referenzen {
  width: 100%;
  padding: 25px;
}
#referenzen h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}
#referenzen p {
  padding-right: 25px;
  font-size: 18px;
}
#referenzen img {
  height: 50px;
  width: 50px;
  float: left;
  margin-top: 15px;
}

将图片直接对齐<h>标签

2 个答案: