# 更新 Case 明细页面的排版

**URL:** <https://www.isharkfly.com/t/case/14197>\
**Category:** 签证\
**Tags:** 美加签证\
**Created:** [November 6, 2022, 1:16pm UTC](https://www.isharkfly.com/t/case/14197 "2022-11-06T13:16:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [November 6, 2022, 1:16pm UTC](https://www.isharkfly.com/t/case/14197/1 "2022-11-06T13:16:47Z")

</div>

老的 Case 明细页面的排版布局为：

![](https://www.isharkfly.com/images/transparent.png)

排版没有完全对齐，对代码进行调整，让排版进行对齐：

![](https://www.isharkfly.com/images/transparent.png)  
签证页面对齐。

## 代码

在代码上面我们使用了 Dl 的这个标签来进行排版。

 ![](https://com-ossez-www-discourse.s3.dualstack.us-east-2.amazonaws.com/discourse-uploads/original/2X/1/1cee23f7149c583adbf4f41242be6ff7fc0433f0.png)  
这样更简单，更能自适应手机的界面。