图片嵌在文字里首行缩进

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

Hero_rong

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

阅读量1.1k

点赞数 1

分类专栏：小程序文章标签：图文混排段落样式首行缩进

本文链接：https://blog.csdn.net/Hero_rong/article/details/98621674

版权

解决图片嵌入文字时首行缩进的问题，可以通过为图片设置浮动属性，同时对段落应用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}}很久很久以前，地面上没有火，人们只好吃生的东西，在无边的黑暗中度过一个又一个长夜。就在这时候，有一位名叫普罗米修斯的天神来到了人间，看到人类没有火的悲惨情景，决心冒着生命危险，到太阳神阿波罗那里去拿取火种。
有一天，当阿波罗驾着太阳车从天空中驰过的时候，他折了一根又粗又长的茴香秆，在太阳车那里，从喷射着火焰的车轮上，自从有了火，人类就开始用它烧熟食物，驱寒取暖，并用火来驱赶危害人类安全的猛兽……宙斯看到人间升起了火焰，而且火光照射得那么远，气急败坏，决定给普罗米修斯以最严厉的惩罚，吩咐火神立即执行。
火神很敬佩普罗米修斯

最低0.47元/天解锁文章