如何在Big Cartel自定义页面实现左图右文不换行布局？

因为你只能编辑CSS，且图片和文字都在同一个<span>容器内，可通过以下CSS代码实现目标布局：

• 给目标图片设置左浮动，同时添加右侧和底部间距，避免文字紧贴图片：

#page_body span img {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}

• 给包含内容的<p>标签设置overflow: hidden，触发块级格式化上下文（BFC），确保段落能包裹浮动元素，同时让文字从顶部开始排列：

#page_body p {
  overflow: hidden;
}

补充说明 #

• float: left会让图片脱离常规文档流，靠左排列，文字会自动环绕到图片右侧；
• 你可以根据实际需求调整margin的数值，还能给图片添加max-width属性限制宽度，比如max-width: 200px;，防止图片过宽挤压文字区域。

内容的提问来源于stack exchange，提问作者ambie_c