首页 > 解决方案 > 将图像放置在英雄文本右侧的最佳方法是什么(请参阅线框。)

问题描述

我在将图像放置在文本右侧时遇到了一些麻烦。我的一位朋友告诉我最好的方法是使用 css 网格,谁能给我任何建议,告诉我最好的方法是什么?

在此先感谢![在此处输入图像描述] 1

标签: htmlcss

解决方案


我建议使用float: right;如下。这会将图像放在文本的左侧,并且文本会根据需要进行调整。

.image {
  float: right;
}
<img src="https://www.softexia.com/wp-content/uploads/2016/06/Acronis_True_Image_2017.png" class="image">
<p class="text">Lorem ipsum dolor sit amet, harum antiopam dissentias vis an. Ex eos soleat appellantur, latine referrentur definitionem vis ex. Est an omnes soluta theophrastus, cum summo imperdiet persecuti ex. Cum ad sint solum recusabo, eu suas quaeque pri, an per
  partem adolescens interesset. Quo eu facer suscipit inciderint, ipsum dictas labitur eam ea. Alia oporteat insolens nec id. Cum quaestio iracundia complectitur ex. Ne mei molestie adipisci salutandi. Alterum maluisset mei te, eu saepe graecis pri, ea
  sed scaevola periculis aliquando. Soleat nonumes adipiscing sea no, altera mentitum ut nam, ut vel verterem convenire maluisset. Ad sea gubergren hendrerit reprehendunt. Ea solet commune pericula mel, nam iusto soleat eirmod no, nec mundi omittam in.
  At pro legimus suscipiantur, eos et quaeque docendi. Vel te feugiat accusam consulatu. Civibus epicurei efficiendi mel ut. Laoreet expetendis nec ut. Eam ad summo vivendo, in elit facete tractatos sit, legere graeci viderer ex per. Habeo petentium reformidans
  vix ne, has posse perfecto at, an his eros invidunt. Ea nam definiebas honestatis ullamcorper, eum ornatus honestatis repudiandae ea. Bonorum atomorum perpetua an mei, sanctus vituperatoribus at qui, eos adhuc aeterno placerat id. Mei cu atqui iudico
  appellantur, duo tollit evertitur necessitatibus an. Eum causae sententiae ne, dico soluta sed id, sed melius constituam deterruisset ei. Duo oporteat facilisi mediocrem ei, oratio integre in vix. Wisi sale saepe te sed, no quis nostrud per. Eu scaevola
  prodesset sed. No his latine accommodare, id vide postea conceptam sea, mei ut recusabo accusamus.</p>


推荐阅读