画个图给我区分一下水平中心对齐和垂直底部对齐
时间: 2024-05-07 17:19:04 浏览: 74
好的,下面是一个简单的示意图:
```
+------------+ +------------+
| Text | | Text |
| Box | | Box |
+------------+ +------------+
```
在这个示意图中,有两个文本框(text box),分别用水平线和垂直线分割。下面我将分别展示水平中心对齐和垂直底部对齐的效果。
水平中心对齐:
```
+------------+ +------------+
| | | |
| Text | | Text |
| Box | | Box |
| | | |
+------------+ +------------+
```
在这个示意图中,两个文本框的中心被垂直线对齐,因此它们在水平方向上是居中对齐的。
垂直底部对齐:
```
+------------+ +------------+
| | | |
| Text | | |
| Box | | |
+------------+ + Text |
| | | Box |
| | | |
+------------+ +------------+
```
在这个示意图中,两个文本框的底部被水平线对齐,因此它们在垂直方向上是底部对齐的。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)