原创 input不支持自動換行解決辦法
textarea與input input不支持換行; textarea: 1.支持換行; 2.左邊字體要想跑向左上角需要加代碼; <textarea name="" id="" cols="" rows="" style=
原创 echarts一張頁面放多個圖表,導出爲圖片
echarts一張頁面放多個圖表,導出爲圖片 個人喜歡貼代碼,方便我以後查看。html中hwdas.js是公司內部的js文件資源。common.js爲公共資源,如有需要,可以下方留言。 效果圖: html代碼: <!DOCTYP
原创 多行顯示省略號,並顯示詳細兩字
html js // cname是容器的id。 // worldlength是字符的長度,是個數字,根據需要,自己定多少,100,200,試試自己需要幾行省略。 總結:去掉HTML標記的原因是,後臺上傳的時候可能用的文本
原创 jQuery購物車代碼
html展示購物車 js $(function(){ // An highlighted block // 計算方法 function counter(){ var items = $('.shopCarMain').
原创 解決flex佈局 space-between最後一行兩邊分佈的問題
1、情況一:3列 最後一行顯示一個、兩個、或者三個 /* 只需給包裹這所有項的容器一個僞元素即可 */ .boxContainer:after{ content:''; width:33.33%; } 2、4列 最後一行左
原创 html佈局-管理系統佈局
html佈局-管理系統佈局 如圖 這種頭部固定,下邊內容,內容區域包括左側menu和右側content,中間有開關控制menu的顯示隱藏。 <!--html--> <div class="header"></div> <di
原创 echarts圖表點擊圖表進行跳轉鏈接
首先 ,如圖,在echarts圖表配置項中series的data屬性裏配置url選項 其次 綁定點擊事件,如果好奇的話可以打印出e看看是什麼東西,用想要打開url的方式打開該鏈接
原创 img標籤下面有縫隙解決辦法
如圖 <div> <a href=""> <img src="" />或者 <img src="" /> <div> </a> 解決辦法: 方法一: div{ a{ font-size:0;或者
原创 對原型模式簡單的理解!
我們創建的每個函數都會有一個prototype原型屬性,這個屬性是一個指針,指向了一個對象,這個對象就是原型對象,該對象的用途包含可以由特定類型的所有的實例共享的屬性和方法。 按照字面意思理解就是,那麼prototype就是通過
原创 彈性佈局的魅力及彈性佈局詳解
效果圖: 效果圖的要求: 1、每行根據屏幕寬度或者li寬度定幾個擺爲一行(需要自動換行,少了在一行,多了自動換行) 2、圓圈下方文字需要自動換行 代碼: <div class='center'>
原创 關於div嵌套問題
div嵌套問題解決 問題 <ul class='tab-title'> <li class='select></li> <li></li> </ul> <div class='tab-content'> <div