自適應佈局,完美解決左右兩邊固定大小,中間內容適應大小。
自適應佈局,左右兩邊固定大小,中間內容適應大小
如圖所示,需要把上面的Chinese Cosmetic和 更多 、搜尋 分別固定在左右兩側,嘗試過很多辦法,後來用絕對定位absolute 擁有拉伸的特性完美解決。
程式碼分析,
Chinese Cosmetic 寬度200px,左浮動。
更多 、搜尋 寬度80px,右浮動。
中間的品牌和公司簡介,分別設定絕對定位absolute,left:200 px,right:80px。
然後把品牌和公司簡介的寬度分別設定成 50%。
即可完美自適應佈局!!!!!
相關推薦
自適應佈局,完美解決左右兩邊固定大小,中間內容適應大小。
自適應佈局,左右兩邊固定大小,中間內容適應大小 如圖所示,需要把上面的Chinese Cosmetic和 更多 、搜尋 分別固定在左右兩側,嘗試過很多辦法,後來用絕對定位absolute 擁有
要布局左右兩邊定寬,中間自適應
wrapper center spa block ear pos 修改 src pla 最近在布局時,有一些問題,左右兩邊定寬,中間自適應,首先想到的就是左浮動和右浮動,但是在操作時還是會出現一些問題 1. 采用左邊左浮動,右邊右浮動,中間塊用margin-left/mar
常見前端佈局問題 (一)左側固定寬度,右側自適應
1,左邊固定寬度,右邊自適應 1-1,父元素display:table,子元素display:table-cell,設定固定寬度(常用) 1-2,固定寬度div左浮動,自適應div margin-left等於固定寬度 1-3,定位,固定寬度div絕對定位abso
Android自定義控制元件系列 十:利用新增自定義佈局來搞定觸控事件的分發,解決組合介面中特定控制元件響應特定方向的事件
這個例子是比較有用的,基本上可以說,寫完這一次,以後很多情況下,直接拿過來addView一下,然後再addInterceptorView一下,就可以輕輕鬆鬆的達到組合介面中特定控制元件來響應特定方向的觸控事件了。 在寫Android應用
[轉載]java讀寫word文檔,完美解決方案
重點 app PE 列表 mage too 介紹 代碼 而且 做項目的過程中,經常需要把數據裏裏的數據讀出來,經過加工,以word格式輸出。 在網上找了很多解決方案都不太理想,偶爾發現了PageOffice,一個國產的Office插件,開發調用非常簡單!比網上介紹的poi,
python matplotlib在mac os x 中如何顯示中文,完美解決
新的 com sub ttf 一行 lan HR tar spa 一、 下載相關的中文字體 simhei 文件: 下載地址 二、通過以下代碼查找matplotlib的數據存放位置: import matplotlib print(matplotlib.matplotlib
vue-cli3.0結合lib-flexible、px2rem實現移動端適配,完美解決第三方ui庫樣式變小問題 vue-cli 3.0 搭建專案流程
公司最近做的一個移動端專案從搭框架到前端開發由我獨立完成,以前做移動端適配用的媒體查詢,這次想用點別的適配方案,然後就採用了vue-cli3.0結合lib-flexible、px2rem實現移動端適配的方案,開發過程中也遇到一些坑,自己選的方案自己填坑吧。以下記錄我的專案框架搭建及填坑方案。 搭建可以參考我
POI 複製不同Sheet合成Excel檔案,完美解決單元格樣式和角標問題
專案背景: 1、需要從不同的Excel模板中讀取Sheet,生成到彙總的Excel檔案中 2、Excel格式是 Office2007版本,xlsx格式 3、需要將模板檔案的內容和格式,拷貝到新的檔案 4、解決POI 複製格式異常問題 工具程式碼: package com.sw
一分鐘搭建wordpress部落格,完美解決所有坑點
文章目錄 前言 一、站點解釋 二、開始安裝 前言 這裡是在已經使用了一鍵安裝包的基礎上的教程,如果未使用教程,僅供參考! 如果想要使用一鍵安裝lnmp環境,請移步之前的博文。 連結:https://blog.csdn.net/qingl
【完美解決】在WIN10中,解決80埠預設被佔用的問題
在WIN10中,解決80埠預設被佔用的問題 方案1: 以管理員身份執行cmd; 輸入:net stop http; 如果提示是否真的需要停止這些服務,則選擇“Y”; 完成後輸入:sc conf
MySQL單表資料量過千萬,採坑優化記錄,完美解決方案
問題概述 使用阿里雲rds for MySQL資料庫(就是MySQL5.6版本),有個使用者上網記錄表6個月的資料量近2000萬,保留最近一年的資料量達到4000萬,查詢速度極慢,日常卡死。嚴重影響業務。 問題前提:老系統,當時設計系統的人大概是大學沒畢業,表設計和sql語句寫的不僅僅是垃圾
IAR更改更改字型的辦法,完美解決!
最近用到IAR軟體,著實感到頭疼!介面很不和諧,更改字型‘、燒寫程式感覺和KEIL差了一點,估計用KEIL習慣了吧! 經過摸索,知道了IAR軟體更改字型的辦法,為了以後忘了,寫個文章記一下!給不會的一點建議!哈哈 我用的版本是:3.10.4(不知道版本高還是低,隨便下的!
iis7配置fastcgi完美支援php多版本共存,完美解決php環境變數問題
1、在全域性點選fastcgi 新增php的執行路徑 3、編輯設定,點選環境變數這部分 點選新增 PHPRC,name填寫PHPRC,value值指定對應php路徑 PHP_FCGI_MAX_REQUESTS,名稱填寫PHP_FCGI_MAX_REQUES
java讀寫word文件,完美解決方案
java2word 是一個在java程式中呼叫 MS Office Word 文件的元件(類庫)。該元件提供了一組簡單的介面,以便java程式呼叫他的服務操作Word 文件。 這些服務包括: 開啟文件、新建文件、 查詢文字、替換文字, 插入文字、插入圖片、插入表格, 在書籤處插入文字、插入圖片、插入表格等
iOS xmpp一定編譯成功的安裝版本,完美解決Module 'libxmlSimu' not found。
xmpp git 地址: https://github.com/robbiehanson/XMPPFramework 1.下載好XMPP專案,放在本地 2. 新建一個專案 3.按照下面的截圖,把相關的資料夾copy進專案根目錄 注意: 把檔案新增進來。 進入 ta
Java檔名包含中文的檔案壓縮後文件名亂碼問題,完美解決方案
以下類從jdk的src.zip裡提取 ZipConstants.java ZipEntry.java ZipOutputStream.java eclipse中新建工程,放入上述三個檔案 1.ZipOutputStream.java檔案改名為CNZipOutpu
iis和tomcat同時執行,完美解決80埠衝突問題
背景:一臺vps伺服器上需要同時執行兩個網站,節(老)省(板)成(扣)本,用一個伺服器。一個是已經建好的官網(iis管理一鍵安裝的PHP網站),另一個是java 專案網站(jeecg框架修改的商城專案)。 問題:之前的官網已經執行著了,並且佔用著了80埠,然而新的網站也需要
Linux下安裝php,並配置到nginx【最終版,完美解決問題】
1、 下載 libxml2-2.6.32.tar.gz http://download.csdn.net/detail/netlong339/1351852 php-5
java 判斷字串中是否包含emoj表情及過濾,完美解決。
最近遇到一個很蛋疼的問題,使用者如果在客戶端輸入表情可能會引起一些報錯,在查了一些資料後發現很多坑人的程式碼,我在總結了之後給出了一個比較完美的版本。 親測可以判斷絕大多數表情。 package com.luo.dtqjh.utils; import
ios 倒計時在退出應用出現js暫停狀態(沒有執行),完美解決方式
ios的這個應用退出,js不執行的bug看了好多人寫的都有誤差,和偏差不是很正確,這個是優化後的 send_verify_code(){ // 驗證碼倒計時 this.count=60;//60s倒計時 this.show_timer=fal