Typora图片居中
一、常用的居中方式
Typora是一款非常好用的Markdown编辑器，其最常用的图片居中方式有以下几种：
1、html标签居中
 这种方式最为简单，只需要在图片前后添加
2、CSS样式居中
 这种方式通过CSS样式实现图片居中，通过添加
标签，并在其中嵌入样式text-align:center来实现图片居中。这种方式常用于需要对多个元素进行布局的情况，也是比较简单的方式。
3、CSS样式+Markdown居中
 这种方式通过添加align属性来实现图片居中。该属性的取值可以是left、right或center。结合Markdown语法，可以实现比较简洁的方式，如下：
{: .center}
二、使用CSS实现图片居中
如果你想实现更灵活的图片布局效果，比如标题和图片一起居中，除了上面介绍的
标签方式，还可以使用CSS来实现。举个例子：
这是一个标题
这个例子中，通过给img标签添加class属性，并在CSS中添加以下样式，实现了标题和图片一起水平居中的效果：
display: block;margin: 0 auto;其中，display: block;可以将img标签转化为块级元素，margin: 0 auto;可以通过设置左右外边距自动居中。
三、使用Flexbox实现图片居中
在CSS3中，引入了Flexbox布局模式，可以更加灵活的实现各种元素的布局效果。通过设置flexbox容器和子元素的属性，可以实现水平居中、垂直居中等布局效果。下面介绍一种利用Flexbox技术实现图片居中的方式：
这个例子中通过设置图片的父容器为.flex，使其成为Flexbox容器。align-items: center;将项目垂直居中，justify-content: center;将项目水平居中。
四、使用JavaScript实现图片居中
JavaScript可以实现更复杂和灵活的图片布局。比如，假设我们在一个固定大小的容器中居中显示图片，可以使用以下代码实现：
这个例子中，通过计算图片的宽高和居中后的margin-left和margin-top，动态设置图片元素的位置，实现水平垂直居中的效果。
