CSS，微信公众账号中设置一个竖线，如何实现竖线居页面左边对齐呢？

html-css018

CSS，微信公众账号中设置一个竖线，如何实现竖线居页面左边对齐呢？,第1张

<p>给<blockquote>添加margin:0px,因为blockquote有默认的margin值，你需要覆盖掉。<br /></p><pre t="code" l="html"><html><br /><head><br /><meta charset="utf-8"><br /><style type="text/css"><br /><!--<br />.yangshi{fount-family:"黑体"fount-size:20pxcolor:#222222border-left-align:left}<br />--><br /></style><br /></head><br /><br /><body><br /><blockquote style="padding:5px 10pxborder-left:22px solid #006600text-align:leftmargin: 0px"><br /><span class="yangshi"><b>不在西班牙,却独享西班牙风情</b></span></blockquote><br /></body><br /></html></pre>

垂直对齐就是相对于外部容器垂直方向的对齐方式，如下三种方式：

1、垂直居中对齐：

css：vertical-align:middle

示例：

2、垂直底部对齐：

css：vertical-align:bottom

示例：

3、垂直顶部对齐：

css：vertical-align:top

示例：