对齐相关 | Xianqiao's Site

CSS 的属性 vertical-align 指定了内联（inline）元素或表格单元格（table-cell）元素的垂直对齐方式。值可以取文字基线、下标基线、text-top（元素顶端和父元素第一行文本顶端对齐）、元素中线与父元素的小写x中线对齐（middle）、超过父元素的基线指定高度、top（相当于单元格）、由基线算起的偏移量的百分比、由基线算起的偏移量的长度值之类的

关于 CSS，是一个替换元素。它没有基线，这意味着当在一个行内格式的上下文中使用 vertical-align: baseline 时，图像的底部将会与容器的基线对齐。

// 一些可替换元素，比如

</a> ， HTML标准没有说明它的基线，这意味着使用这个关键字，各浏览器表现可能不一样，chrome 当做没有基线（底部对齐），Firefox 当文本第一行基线。</div>
<div>// div（inline-block） 的基线是最后一行文本的基线，没有内容或者 `overflow: hidden` 时<b>没有基线（底部对齐）</b></div>
<div>// <a href="https://www.w3.org/TR/CSS2/visudet.html#leading">https://www.w3.org/TR/CSS2/visudet.html#leading</a></div>
<div><br clear="none" /></div>
<div>position: absolute;元素的父元素用 <span style="font-family: monospace;">text-align: center;对他有效（浏览器这样显示而已），</span>实际上，<span style="font-weight: bold;">text-align </span><span style="font-weight: bold;">属性对应用了 </span><span style="font-weight: bold;">position:absloute/fixed </span><span style="font-weight: bold;">声明的元素</span><span style="color: rgb(205, 0, 0); font-weight: bold;">无效</span><span style="font-weight: bold;">！</span><span style="font-weight: bold;">text-align属性作用的不是 absolute 元素，而是 absolute 元素之前的文字而已！</span></div>
<div><br clear="none" /></div>

</div>

<div class="footer" class="muted">
                            <p class="publisher muted">Published by Xianqiao Wang on <time class="time" datetime="2015-05-09 12:56:18">May 9th, 2015</time></p>
                            
                            <ul class="post-tags">
                                
                                <li><a href="/tag/css"><i class="icon-tags"></i> <a href="/tag/css" rel="tag">Css</a></a></li>
                                
                            </ul>
                            
                        </div>
                    </section>

</article>

</div>
        </div>

<footer class="site-footer">
            <div class="social-icons">
                <ul class="nav nav-pills">
                    
                    
                    
                    
                    <li>
                        <a href="https://xianqiaowang.postach.io/feed.xml" title="RSS" target="_blank">
                            <i class="icon-rss"></i>
                            <span class="hide-text">RSS</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="copyright">
                <p>© 2024 Xianqiao's Site.</p>
                <p>Design by <a href="http://blog.penso.info/">Fabien Penso</a>. Powered by <a href="http://postach.io" target="_blank">Postach.io</a></p>
            </div>
        </footer>

<script src="https://cdn-static.postach.io/libs/postachio/postachio.js"></script>
<script>
    var links_same_tab =  false ;
</script>

<script src="https://cdn-static.postach.io/themes/public/penso/assets/js/penso.min.js" /></script>

</div>
  </body>
</html>