圖片併列

来源:https://www.cnblogs.com/qiaomeier/archive/2019/09/26/11590706.html
-Advertisement-
Play Games

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>圖片併排排列</title> <style> .xd-box{ width: 1100px; margin: 0px auto; position: relative; } .xd ...


 

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>圖片併排排列</title>
<style>
.xd-box{
width: 1100px;
margin: 0px auto;
position: relative;
}
.xd1_kuang{
position: relative;
margin-top: 100px;
padding: 20px 45px;
border: 1px solid #ddd;
}
.xd1_kuang h2{
width: 156px;
text-align: center;
background-color: #fff;
position: absolute;
left: 455px;
top: -40px;
font-size: 25px;
}


.row-advantage {
margin: 0 auto;
text-align: center;
margin-top: 0px;
}
.col-advantage {
width: 170px;
display: inline-block;
margin: 0 -2px;
text-align: center;
vertical-align: middle;
}

.col-advantage img {
width: 50px;
height: 50px;
}
</style>
</head>
<body>
<div class="xd-box">
<div class="xd1_kuang" style="padding: 20px 0;">
<h2>合作伙伴</h2>
<div class="row-advantage m0">
<div class="col-advantage w17" >
<img src="img/yun.png" alt="" style="width: 77%;height: 100%;">
</div>
<div class="col-advantage w17">
<img src="img/chat.png" alt="" style="width: 63%;height: 100%;">
</div>
<div class="col-advantage w17">
<img src="img/zhaos.png" alt="" style="width: 84%;height: 100%;">
</div>
<div class="col-advantage w17">
<img class="p-bt" src="img/baid.png" alt="" style="width: 68%;height: 100%; margin-top: 10px;">
</div>
<div class="col-advantage w17">
<img src="img/tout.png" alt="" style="width: 68%;height: 100%;">
</div>
<div class="col-advantage w17">
<img src="img/douy.png" alt="" style="width: 60%;height: 100%;">
</div>
</div>
</div>
</div>
</div>

</body>
</html>


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • XPath匹配標簽使用text()判斷獲取結果失敗/為空的問題及解決方法 ...
  • html平時常見的塊元素有:div, p, h1, h2, h3等,內聯元素有:span, a, img等。 塊元素的屬性:無論內容是什麼,都會獨占一整行。主要用於頁面佈局。 內聯元素的屬性:只占自身大小的元素,不會占用一行。主要用於選中文本設置樣式。 div塊元素僅僅只用於進行頁面佈局,它自身不帶 ...
  • 頁面echarts.js報錯:Uncaught TypeError: Cannot read property 'getAttribute' of null ...
  • 修改wxParse/html2json.js 文件 ,在 html2json(html, bindName) 方法里 這裡使用 node.tag 能夠獲取標簽類型,比如: img、embed、video 這裡我的系統後臺編輯器使用的是ckeditor 上傳視頻。生成的便簽是:embed 所以加上判斷 ...
  • Vue 的 父傳子 子傳父 一、父組件向子組件傳值: 父傳子 把需要的數據 傳遞給 子組件,以數據綁定(v-bind)的形式,傳遞到子組件內部,供子組件使用 縮寫是(:) 1.創建子組件,在src/components/文件夾下新建一個Child.vue 子組件 2.Child.vue的中創建pro ...
  • 啥是HTML5?官方說HTML5 是下一代的 HTML... 本文主要介紹HTML5三個方面的知識,繼續往下看看吧。 語義化標簽 canvas&svg 響應式meta 一、語義化標簽 語義化標簽的優點: 比<div>標簽有更加豐富的含義,方便開發與維護 方便搜索引擎能識別頁面結構,有利於SEO 方便 ...
  • 利用正則表達式匹配是否為數字,直接上demo ...
  • 創建項目 先創建一個空目錄,在該目錄打開命令行,執行 命令創建一個項目(無法執行 npm 命令?需要先安裝 "Node" ),這個過程會提示輸入一些內容,隨意輸入就行,完成後會自動生成一個 package.json 文件,裡面包含剛纔輸入的內容 創建一個 index.html 頁面,由於使用的是 V ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...