前端笔记_1_时间线

   <!-- <link rel="stylesheet" href="/layui/css/layui.css"> -->

    <div style="background: #fff">
        <ul class="layui-timeline">
            <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title" style="display: inline;margin:auto 10px">标题1</h3>
                <span style="color: darkgray;">2022-08-17 01:00:00</span>
                <p id="id_content">内容1</p>
            </div>
          </li>
            <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title" style="display: inline;margin:auto 10px">标题2</h3>
                <span style="color: darkgray;">2022-08-17 02:00:00</span>
                <p id="id_content">内容2</p>
            </div>
          </li>
            <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title" style="display: inline;margin:auto 10px">标题3</h3>
                <span style="color: darkgray;">2022-08-17 03:00:00</span>
                <p id="id_content">内容3</p>
            </div>
          </li>
        </ul>  
    </div>