文字图片垂直居中对齐
生活随笔
收集整理的這篇文章主要介紹了
文字图片垂直居中对齐
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
要使文字垂直居中對齊的方法其實很簡單，就是給所有內聯元素加垂直對齊樣式：
程序代碼 #buttons *{
????vertical-align:middle;
}
<style>
?body{
???font-size:12px;
?}
?#buttons?*{
????vertical-align:middle;
?}
?</style>
</head>
<body>
<div?id="buttons">
????<img?src="ZR04.gif"?alt="登錄"?/>
????<img?src="ZR05.gif"?alt="注冊"?/>
????<a?href="#">忘記密碼</a>
</div>
程序代碼 #buttons *{
????vertical-align:middle;
}
<style>
?body{
???font-size:12px;
?}
?#buttons?*{
????vertical-align:middle;
?}
?</style>
</head>
<body>
<div?id="buttons">
????<img?src="ZR04.gif"?alt="登錄"?/>
????<img?src="ZR05.gif"?alt="注冊"?/>
????<a?href="#">忘記密碼</a>
</div>
轉載于:https://www.cnblogs.com/ForFreeDom/archive/2009/10/15/1583851.html
總結
以上是生活随笔為你收集整理的文字图片垂直居中对齐的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【转】推荐计算机科学类的经典书籍 3
- 下一篇： 了解 WPF 中的路由事件和命令