文章の目录

写在最后

轻松更改内联（inline）、内联块（inline-block）、内联表格（inline-table）以及表格单元（table cell）元素的纵向对齐方式。

使用纵向对齐（vertical-alignment）工具类可以改变页面元素的纵向对齐方式。请注意，纵向对齐只对内联（inline）、内联块（inline-block）、内联表格（inline-table）以及表格单元（table cell）元素有影响。

根据需要选用 .align-baseline、.align-top、.align-middle、.align-bottom、.align-text-bottom 和 .align-text-top 即可。

内联（inline）元素示例：

<span class="align-baseline">baseline</span>
<span class="align-top">top</span>
<span class="align-middle">middle</span>
<span class="align-bottom">bottom</span>
<span class="align-text-top">text-top</span>
<span class="align-text-bottom">text-bottom</span>

表格单元示例：

<table style="height: 100px;"><tbody><tr><td class="align-baseline">baseline</td><td class="align-top">top</td><td class="align-middle">middle</td><td class="align-bottom">bottom</td><td class="align-text-top">text-top</td><td class="align-text-bottom">text-bottom</td></tr></tbody>
</table>

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！

Bootstrap系列之纵向对齐（Vertical alignment）相关推荐

Flutter Container 容器以及对齐方式 Alignment
Container 题记:不到最后时刻,千万别轻言放弃,无论结局成功与否,只要你拼博过,尽力过,一切问心无愧. 目前在西瓜视频上免费刊登 Flutter 系列教程,每日更新,欢迎关注接收提醒 [x1] ...
ASP.NET MVC使用Bootstrap系列（3）——使用Bootstrap 组件
Bootstrap为我们提供了十几种的可复用组件,包括字体图标.下拉菜单.导航.警告框.弹出框.输入框组等.在你的Web Application中使用这些组件,将为用户提供一致和简单易用的用户体验. ...
bxslider 纵向滑动 vertical image thumbnail slider
1. 简单版 HTML: <ul class="bxslider"><li><img src="/images/730_200/hill_t ...
Bootstrap 分页导航的对齐方式
分页导航的对齐方式分页导航中,默认采用左对齐.如果希望页码居中对齐,就给 .pagination 的 <div> 追加 .pagination-centered 类,希望页码右对齐,就给 ...
【嵌入式烧录/刷写文件】-1.9-S19文件的地址对齐Address Alignment
案例背景(共5页精讲): 对一个Motorola S-record(S19/SREC/mot/SX)文件,进行地址对齐Address Alignment. 目录 1 为什么要进行"地址对齐A ...
Bootstrap系列 -- 41. 带表单的导航条
有的导航条中会带有搜索表单,在Bootstrap框架中提供了一个"navbar-form",使用方法很简单,在navbar容器中放置一个带有navbar-form类名的表单.nav ...
Bootstrap系列之图片（Image）
文章の目录 1.响应式图片 2.图片的缩略图 3.对齐图片 4.`<picture>` 写在最后本文档及示例展示了如何让图片支持响应式行为(这样它们就不会超出父元素的范围)以及如何通过类 ...
人脸对齐--Face Alignment at 3000 FPS via Regressing Local Binary Features
Face Alignment at 3000 FPS via Regressing Local Binary Features CVPR2014 https://github.com/yulequan ...
人脸对齐--Face Alignment by Explicit Shape Regression
Face Alignment by Explicit Shape Regression CVPR2012 https://github.com/soundsilence/FaceAlignment 本 ...

Bootstrap系列之纵向对齐（Vertical alignment）

文章の目录

写在最后

Bootstrap系列之纵向对齐（Vertical alignment）相关推荐

最新文章

热门文章