Xaringan:在两列布局中的两列之一中居中图像
Xaringan: center image within one of two columns in a two columns layout
我正在使用双栏布局,我想知道是否可以将图像居中 在第二栏 内。
这是 YAML:
---
title: "Title"
subtitle:
author:
date: " </br> `r Sys.Date()`"
output:
xaringan::moon_reader:
lib_dir: libs
css: ["default", "custom.css", "custom-fonts.css"]
nature:
beforeInit: "http://www.jvcasillas.com/ru_xaringan/js/ru_xaringan.js"
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
ratio: "16:9"
---
幻灯片:
---
# Introduction
.pull-left[
- One bullet.
- Another bullet.
- another
- another
- another
]
.pull-right[
<img src="img/book.jpg" alt="drawing" width="200"/>
]
这是它的样子:
如您所见,图像“悬挂”在第二列的左上角。我想知道是否可以将它放在第二列的中心。
遵循Tomas Capretto的建议:
---
# Introduction
.pull-left[
- One bullet.
- Another bullet.
- another
- another
- another
]
.pull-right[ .center[ <img src="img/book.jpg" alt="drawing" width="200"/> ] ]
结果如下:
我正在使用双栏布局,我想知道是否可以将图像居中 在第二栏 内。
这是 YAML:
---
title: "Title"
subtitle:
author:
date: " </br> `r Sys.Date()`"
output:
xaringan::moon_reader:
lib_dir: libs
css: ["default", "custom.css", "custom-fonts.css"]
nature:
beforeInit: "http://www.jvcasillas.com/ru_xaringan/js/ru_xaringan.js"
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
ratio: "16:9"
---
幻灯片:
---
# Introduction
.pull-left[
- One bullet.
- Another bullet.
- another
- another
- another
]
.pull-right[
<img src="img/book.jpg" alt="drawing" width="200"/>
]
这是它的样子:
如您所见,图像“悬挂”在第二列的左上角。我想知道是否可以将它放在第二列的中心。
遵循Tomas Capretto的建议:
---
# Introduction
.pull-left[
- One bullet.
- Another bullet.
- another
- another
- another
]
.pull-right[ .center[ <img src="img/book.jpg" alt="drawing" width="200"/> ] ]
结果如下: