原创 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