Как мне центрировать текст в верхней трети истории? - PullRequest
Новая
       67

Как мне центрировать текст в верхней трети истории?

0 голосов
/ 10 октября 2018

проблема - текст, назначенный верхней трети области сетки усилителя, появляется в верхнем левом углу.Я хочу, чтобы текст отображался в середине сетки верхней трети.

Как бы я расположил текст по горизонтали и вертикали в верхней области сетки?

областей сетки

  • grid-area = "верхняя треть"
  • grid-area = "средняя треть"
  • grid-area = "нижняя треть""

пример кода 

<amp-story-grid-layer template="thirds">
  <h1 grid-area="upper-third">element 1</h1>
  <p grid-area="lower-third">element 2</p>
</amp-story-grid-layer>

1 Ответ

0 голосов
/ 11 октября 2018

Вы можете использовать атрибуты align-self и justify-self следующим образом: 

<amp-story-grid-layer template="thirds">
  <h1 grid-area="upper-third" align-self="center" justify-self="center">element 1</h1>
  <p grid-area="lower-third" align-self="center" justify-self="center">element 2</p>
</amp-story-grid-layer>
...