原创 多個input排列在一行時,不能緊挨在一起問題;出現縫隙(大約10px)

做搜索框佈局時,發現對input標籤無法緊貼在一起,中間會出現空隙 <div class="right-content"> <form action="" class="search"> <inp

原创 mask(模態框)子元素繼承父元素的透明度問題

繼承寫法:父元素:z-index:1000;  backgroung-color:black;   opacity:0.5;不繼承: backgrou

原创 inline-block;設置爲行內屬性時;元素與元素之間有間隙;解決方案

去除inline-block元素間間距的N種方法這篇文章發佈於 2012年04月24日,星期二,22:38,歸類於 css相關。 閱讀 336979 次, 今日 228 次by zhangxinxu from http://www.zha

原创 移動端整個頁面進行縮放適配,弊端:雙指可以放大和縮小

移動端整個頁面進行縮放適配,弊端:雙指可以放大和縮小 注意要將代碼添加到head標籤內

原创 移動端表格多列進行縮放,並且正好對應父元素窗口

function autoWidth(divTable,table){ var f_w =$("#"+divTable).width()+2//父元素窗口;+2爲兩像素邊框 var s_w = $("#"+table).width

原创 vertical-align屬性影響佈局問題;父元素中兩個子元素,設置display:inline-block;(設置兩個塊級子元素同時在一個行顯示)錯位問題

今天在佈局時,發現AB兩個div設置display:inline-block,出現上下錯位問題,當AB裏面內容爲空時,錯位問題消失看了網上資料以及通過實踐分析,總結如下1.同一行的行內元素對齊方式默認是底部對齊,即vertical-ali

原创 手機端網頁左右固定不動(bootstrap)

<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" c

原创 bootstrapTable參數及事件詳解

表的各項(Table options ) 定義在 jQuery.fn.bootstrapTable.defaults 文件內 名稱 屬性 類型 默認值 作用描述 - data-toggle String table 只要引入 jque

原创 關於移動端h5網頁在iphoneX的機型,底部留白問題。閒話少敘直接上代碼(親測有效)

在meta viewport標籤里加屬性:viewport-fit=cover;如下 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximu

原创 網頁自適應pc端和移動端

網頁自適應pc端和移動端手機的屏幕比較小,寬度通常在600像素以下;PC的屏幕寬度,一般都在1000像素以上(目前主流寬度是1366×768),有的還達到了2000像素。同樣的內容,要在大小迥異的屏幕上,都呈現出滿意的效果,並不是一件容易

原创 第一個子元素的margin-top和最後一個子元素的margin-bottom越界問題

第一個子元素的margin-top和最後一個子元素的margin-bottom越界問題當父元素沒有邊框border時,子元素加margin-top(這裏以第一個子元素的 margin-top爲例),會出現 margin-top加在父元素上

原创 windows10系統恢復到某個時間點。

有時候由於操作失誤會更改某些設置,導致電腦無法正常工作,下面給大家說一下windows10的系統恢復設置。傻瓜式操作;(注:當前恢復不會影響文件,如有重要文件請備份,以防萬一;)步驟:1搜索——>輸入:設置——>更新和安全——>恢復——>

原创 如何將一個本地項目推到github上

  1.先在github上面創建一個項目地址 https://blog.csdn.net/qq_34645412/article/details/80517184 2.其次進入到本地項目的目錄文件下面 執行  git init:初始化本地

原创 Vue.js——60分鐘快速入門

  Vue.js是當下很火的一個JavaScript MVVM庫,它是以數據驅動和組件化的思想構建的。相比於Angular.js,Vue.js提供了更加簡潔、更易於理解的API,使得我們能夠快速地上手並使用Vue.js。 本文摘自:htt