標籤：list 引擎 flow init 排名 lis 資訊 border top
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><style type="text/css">* {padding: 0px;margin: 0px;border: 0px;list-style: none;}ul#demo1,ul#demo2 {width: 85%;margin: 30px auto;padding-top: 20px;padding-bottom: 20px;border-left: 1px solid #2B9EEF;}#demo1 li {margin-top: 20px;width: 100%;}#demo1 li img {width: 13px;float: left;height: auto;margin-top: 5px;margin-left: -7px;}#demo1 li div {color: #666666;margin-left: 50px;text-align: left;}#demo1 li p {width: 40px;height: 40px;line-height: 40px;color: #2B9EEF;float: left;margin-left: -20px;margin-top: -11px;border-radius: 50%;background: white;border: 1px solid #2B9EEF;text-align: center;}/**************************************/#demo2 li {margin-top: 20px;width: 100%;color: red;}#demo2 li img {width: 13px;float: left;height: auto;margin-top: 5px;margin-left: -7px;}#demo2 li div {margin-left: 30px;}#demo2 li div h4 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}#demo2 li div p {-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;display: -webkit-box !important;}/**************************************/ul#demo3 {width: 100%;height: auto;margin: 30px auto;position: relative;}ul#demo3:before {content: "";display: block;padding-top: 30px;position: absolute;left: 50%;top: 0px;height: 500px;width: 1px;background: red;}#demo3 li.lf {padding-top: 30px;width: 45%;margin-left: 5%;}#demo3 li.lf img {float: right;width: 13px;margin-right: -7px;}#demo3 li.lf div {text-align: right;margin-right: 30px;}#demo3 li.rt {width: 45%;margin-top: 30px;margin-left: 50%;}#demo3 li.rt img {float: left;width: 13px;margin-left: -7px;}#demo3 li.rt div {text-align: left;margin-left: 30px;}/***********************************/ul#demo4 {height: 720px;width: 1px;background: red;z-index: 1;position: relative;left: 50%;padding-top: 20px;}ul#demo4 li.lf {width: 155px;position: relative;left: 0px;margin-left: -149px;}ul#demo4 li.lf img {float: right;}ul#demo4 li.lf div {margin-right: 30px; }ul#demo4 li.rt {width: 155px;position: relative;left: 0px;margin-left: -6px;}ul#demo4 li.rt img {float: left;}ul#demo4 li.rt div {margin-left: 30px;}</style></head><body><ul id="demo1"><li><img src="img/gwm_my_quan.png" /><div>百度(www.baidu.com)（Nasdaq:BIDU)是全球最大的中文搜尋引擎，2000年1月由李彥宏、徐勇兩人創立於北京中關村，致力於向人們提供“簡單，可依賴”的資訊擷取方式。 “百度”二字源於中國宋朝詞人辛棄疾的《青玉案》詩句：“眾裡尋他千百度”，象徵著百度對中文資訊檢索技術的執著追求。</div></li><li><img src="img/gwm_my_quan.png" /><div>百度以自身的核心技術“超鏈分析”為基礎，提供的搜尋服務體驗贏得了廣大使用者的喜愛；超鏈分析就是通過分析連結網站的多少來評價被連結的網站品質，這保證了使用者在百度搜尋時，越受使用者歡迎的內容排名越靠前。百度總裁李彥宏就是超鏈分析專利的唯一持有人，目前該技術已為世界各大搜尋引擎普遍採用。</div></li><li><p>2016</p><div>百度擁有全球最大的中文網頁庫，目前收錄中文網頁已超過12億，這些網頁的數量每天正以千萬級的速度在增長；同時，百度在中國各地分布的伺服器，能直接從最近的伺服器上，把所搜尋資訊返回給當地使用者，使使用者享受極快的搜尋傳輸速度。</li></li></ul><ul id="demo2"><li><img src="img/gwm_my_quan.png" /><div><h4>百度(www.baidu.com)（Nasdaq:BIDU)是全球最大的中文搜尋引擎</h4><p>2000年1月由李彥宏、徐勇兩人創立於北京中關村，致力於向人們提供“簡單，可依賴”的資訊擷取方式。 “百度”二字源於中國宋朝詞人辛棄疾的《青玉案》詩句：“眾裡尋他千百度”，象徵著百度對中文資訊檢索技術的執著追求。</p></div></li><li><img src="img/gwm_my_quan.png" /><div><h4>百度(www.baidu.com)（Nasdaq:BIDU)是全球最大的中文搜尋引擎</h4><p>2000年1月由李彥宏、徐勇兩人創立於北京中關村，致力於向人們提供“簡單，可依賴”的資訊擷取方式。 “百度”二字源於中國宋朝詞人辛棄疾的《青玉案》詩句：“眾裡尋他千百度”，象徵著百度對中文資訊檢索技術的執著追求。</p></div></li></ul><ul id="demo3"><li class="lf"><img src="img/gwm_my_quan.png" /><div><h4>百度是全球最大的中文搜尋引擎</h4><p>2000年1月由李彥宏、徐勇兩人創立於北京中關村，致力於向人們提供“簡單，可依賴”的資訊擷取方式。 “百度”二字源於中國宋朝詞人辛棄疾的《青玉案》詩句：“眾裡尋他千百度”，象徵著百度對中文資訊檢索技術的執著追求。</p></div></li><li class="rt"><img src="img/gwm_my_quan.png" /><div><h4>百度是全球最大的中文搜尋引擎</h4><p>2000年1月由李彥宏、徐勇兩人創立於北京中關村，致力於向人們提供“簡單，可依賴”的資訊擷取方式。 “百度”二字源於中國宋朝詞人辛棄疾的《青玉案》詩句：“眾裡尋他千百度”，象徵著百度對中文資訊檢索技術的執著追求。</p></div></li></ul><ul id="demo4"><li class="lf"><img src="img/gwm_my_quan.png" /><div><h4>百度是全球最大的中文搜尋引擎</h4><p>2000年1月由李彥宏、徐勇兩人創立於北京中關村，致力於向人們提供“簡單，可依賴”的資訊擷取方式。 “百度”二字源於中國宋朝詞人辛棄疾的《青玉案》詩句：“眾裡尋他千百度”，象徵著百度對中文資訊檢索技術的執著追求。</p></div></li><li class="rt"><img src="img/gwm_my_quan.png" /><div><h4>百度是全球最大的中文搜尋引擎</h4><p>2000年1月由李彥宏、徐勇兩人創立於北京中關村，致力於向人們提供“簡單，可依賴”的資訊擷取方式。 “百度”二字源於中國宋朝詞人辛棄疾的《青玉案》詩句：“眾裡尋他千百度”，象徵著百度對中文資訊檢索技術的執著追求。</p></div></li></ul></body></html>
css 常見時間軸的做法（————————————————時間軸——————————————————）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
