You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Tailwind CSS中无法对齐图片:如何将图片设置到右侧?

Markdown格式用法示例

标题(使用#)

标题级别由#的数量决定,数量越多级别越低:

  • 一级标题:# 一级标题
  • 二级标题:## 二级标题
  • 三级标题:### 三级标题

示例效果:

一级标题示例

二级标题示例

三级标题示例

列表项(使用-)

普通无序列表直接用-开头,嵌套列表需缩进:

  • 列表项1
  • 列表项2
    • 嵌套子项1
    • 嵌套子项2

文本强调(使用*)

  • 斜体:用单星号包裹 → 斜体文本
  • 粗体:用双星号包裹 → 粗体文本
  • 粗斜体:用三星号包裹 → 粗斜体文本

代码/命令(使用`)

  • 行内代码:用单个反引号包裹 → console.log('Hello')
  • 多行代码块:用三个反引号包裹,可指定语言类型:
.container {
  display: flex;
  justify-content: center;
}

引用文本(使用>)

这是一段引用内容,适合展示引用资料、提示语等。
多行引用只需在每一行前添加>即可。

链接(使用)

  • 行内链接:[链接文本](链接地址) → Stack Overflow
  • 参考式链接:先定义链接再引用,适合多次复用同一链接的场景:
[GitHub][gh-link]
[gh-link]: https://github.com/

效果:[GitHub][gh-link]
[gh-link]: https://github.com/

图片(使用alt)

图片语法与链接类似,多一个感叹号,alt文本是图片加载失败时的替代内容:
![示例图片](https://picsum.photos/200/200) → 示例图片

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.24 11:52:11