一、关于诗句：

需求：按诗句分行居中。见下 ↓

实际数据就是一堆字符串。

先按句号分割成数组：

this.poeticRhymeArr = this.totalData.poeticRhyme.split("。")

这样分割出来的是没有句号的，所以要在页面显示时手动加上。并且最后一行不能有句号(v-if就很好的解决了。)：

<li class="bottom center" v-for="(item,index) in poeticRhymeArr" :key="index">
          {{item}}
          <span v-if="index<poeticRhymeArr.length-1">。</span>
</li>

二、关于首行缩进：

大家不要忘了p本身就是段落标签

首行缩进一行代码（两种方法，2em缩进的更厉害一点）：

p{
  text-indent:2em;    
  text-indent: 25px;
}

三、关于 li 标签嵌套定位的问题

这是个隐蔽的问题，当时磨了我好久。
反正就是两个 【 li 】标签嵌套，互相绝对相对定位。不管怎样设置，格式总是乱七八糟。
最后把父【 li 】标签改成了 【 ul 】才管用。
如果不用绝对定位，貌似没什么问题。