Добавочный контент не работает внутри div - PullRequest
Новая
       15

Добавочный контент не работает внутри div

0 голосов
/ 13 мая 2019

Я добавляю инкрементные маркеры в элемент div, и это не похоже на работу.

pres.Rmd 

---
title: "Incremental in Div"
output:
  xaringan::moon_reader:
    encoding: 'UTF-8'
    self_contained: false
    css: ['default','styles.css']
---

## No div

- Point 1

--

- Point 2

---

## Div direct

Div style is defined directly in HTML/CSS.

<div style="width: 49%;float: left;margin-right: 0.5%;margin-left: 0.5%;">

- Point 1

--

- Point 2

</div>

--

<div style="width: 49%;float: right;margin-right: 0.5%;margin-left: 0.5%;">

- Point 1

--

- Point 2

</div>

---

## Div styles

Div style is defined through classes in the styles.css file.

.pull-left-50[

- Point 1

--

- Point 2

]

--

.pull-right-50[

- Point 1

--

- Point 2

]

styles.css 

.pull-right-50 {
  width: 49%;
  float: right;
  margin-right: 0.5%;
  margin-left: 0.5%;
}
.pull-left-50 {
  width: 49%;
  float: left;
  margin-right: 0.5%;
  margin-left: 0.5%;
}

1 Ответ

1 голос
/ 13 мая 2019

Попробуйте это: 

---
title: "Incremental in Div"
output:
  xaringan::moon_reader:
    encoding: 'UTF-8'
    self_contained: false
    css: ['default', "style.css"]
---



.pull-left-50[
- Point 1

{{content}}

]

--

- Point 2

{{content}}

--

- Point 3 

{{content}}

--

- Point 4

{{content}}

--

- Point 5

--

.pull-right-50[

- Point 6

{{content}}

]

--

- Point 7

{{content}}


--

- Point 8

{{content}}


--

- Point 9

{{content}}

--

- Point 10
...