图片嵌在文字里首行缩进

最新推荐文章于 2021-11-18 23:17:59 发布

原创

最新推荐文章于 2021-11-18 23:17:59 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#图文混排 #段落样式 #首行缩进

解决图片嵌入文字时首行缩进的问题，可以通过为图片设置浮动属性，同时对段落应用text-indent: 24px实现首行缩进。值得注意的是，浮动图片不占用原本的空间可能导致布局塌陷，因此需为包含图片的容器设定最小高度以保持布局稳定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图片设置浮动就行了，段落设置首行缩进 text-indent: 24px;，然后要注意的就是，如果没有那么多字，浮动是不占地方的，所以要给外面的view设置最小高度,防止塌陷

 <view class='scImgbo'>
      <image class='siImg' src='{
  
  {list.introductImgUrl}}'></image>
 </view>
 <view class='schContent'>
      {
  
  {list.introducts}}很久很久以前，地面上没有火，人们只好吃生的东西，在无边的黑暗中度过一个又一个长夜。就在这时候，有一位名叫普罗米修斯的天神来到了人间，看到人类没有火的悲惨情景，决心冒着生命危险，到太阳神阿波罗那里去拿取火种。
有一天，当阿波罗驾着太阳车从天空中驰过的时候，他折了一根又粗又长的茴香秆，在太阳车那里，从喷射着火焰的车轮上，自从有了火，人类就开始用它烧熟食物，驱寒取暖，并用火来驱赶危害人类安全的猛兽……宙斯看到人间升起了火焰，而且火光照射得那么远，气急败坏，决定给普罗米修斯以最严厉的惩罚，吩咐火神立即执行。
火神很敬佩普罗米修斯，悄悄对他说：“只要你向宙斯承认错误，归还火种，我一定请求他饶恕你。”
普罗米修斯摇摇头，坚定地回答：“为人类造福，有什么错？我可以忍受各种痛苦，但决不会承认错误，更不会归还火种！”
火神不敢违抗宙斯的命令，只好把普罗米修斯押到高加索山上。普罗米修斯的双手和双脚戴着铁环，被死死地锁在高高的悬崖上。他既不能动弹，也不能睡觉，日夜遭受着风吹雨淋的痛苦。尽管如此，普罗米修斯就是不向宙斯屈服。
狠心的宙斯又派了一只凶恶的鹫鹰，每天站在普