Bootstrap默认情况下会向<img>添加水平间距。这是因为Bootstrap为了提供一致的外观和布局,会在<img>标签周围添加一定的水平间距。
要覆盖这个设置,可以使用Bootstrap提供的CSS类来控制间距。可以使用以下类来调整<img>的水平间距:
- 如果想完全移除水平间距,可以使用
mx-0
类。这将移除<img>标签的左右外边距。 - 如果只想减小水平间距,可以使用
mx-1
、mx-2
等类。这些类会在<img>标签的左右添加一定的外边距,但较小。 - 如果想增加水平间距,可以使用
mx-3
、mx-4
等类。这些类会在<img>标签的左右添加更大的外边距。
通过使用这些类,可以根据具体需求调整<img>标签的水平间距。
腾讯云相关产品和产品介绍链接地址:
- 腾讯云官网:https://cloud.tencent.com/
- 云服务器(CVM):https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版:https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎(TKE):https://cloud.tencent.com/product/tke
- 人工智能(AI):https://cloud.tencent.com/product/ai
- 物联网(IoT):https://cloud.tencent.com/product/iotexplorer
- 移动开发(移动推送、移动分析、移动测试等):https://cloud.tencent.com/product/mobile
- 云存储(COS):https://cloud.tencent.com/product/cos
- 区块链(BCS):https://cloud.tencent.com/product/bcs
- 元宇宙(Tencent XR):https://cloud.tencent.com/product/xr