原创 css之文本兩端對齊的兩種解決方法 justify
說起文本對齊,大家都知道 text-align,最常用的有 left、right、center,今天我們說一下 justify,也就是文本兩端 對齊。 現在我們有這樣的兩行文,實際開發中我們經常會遇到這樣的情景: 需要把姓名和電話
原创 中文可以換行 純英文,數字不換行問題
1.問題描述: 用戶輸入一串英文字母,設置了換行,但是隻有中文換行,英文不換行 2.處理方式: 英文一串字母,被認爲是一個單詞,所以不換行 -------------------------------------------------
原创 uniapp 微信小程序 rich-text 文本首行縮進和圖片居中
微信小程序開發使用 rich-text 組件渲染html格式的代碼,常常因爲不能自定義css導致文本不能縮進,以及圖片不能居中等問題,這裏可以考慮使用js的replace方法,替換字符串,然後在渲染的同時加載行內樣式。 頁面上加載 <
原创 阿里巴巴字體圖標怎麼改變尺寸
如何改變大小? 如果你只是想使用標籤引入小圖標的話<i class='iconfont icon-xxx'></i>就行了,如果class裏面少了iconfont,就會出現繁體字,所以一定要記住加iconfont 直接在.icon裏
原创 phpmyadmin-錯誤:配置文件權限錯誤,不應任何用戶都能修改!
phpmyadmin-錯誤:配置文件權限錯誤,不應任何用戶都能修改! 摘要問:爲什麼會出現phpmyadmin-錯誤:配置文件權限錯誤,不應任何用戶都能修改? 答:原因:phpmyadmin目錄權限過高,linux系統設置了777訪問權限
原创 css3新單位vw、vh、vmin、vmax的使用詳解
css3新單位vw、vh、vmin、vmax的使用詳解 1,vw、vh、vmin、vmax 的含義 (1)vw、vh、vmin、vmax 是一種視窗單位,也是相對單位。它相對的不是父節點或者頁面的根節點。而是由視窗(Viewport)大小
原创 uniapp + vue 定位聊天最新消息 實現滾動條一直在元素的最底部
使用 scroll-view 配合uni.createSelectorQuery() 以及boundingClientRect()即可實現; <scroll-view id="scrollview" class="chat-window
原创 移動端響應式 vue 路由 簡單筆記
pc端視口 正在上傳…重新上傳取消 移動端視口 問題發現 pc和瀏覽器手機 字體不會縮小 但是真機字體縮小 正在上傳…重新上傳取消 正在上傳…重新上傳取消 正在上傳…重新上傳取消 解決方法 正在上傳…重新上傳取消 正在
原创 5 app 實現 NFC讀寫標籤數據 NFC標籤初始化 NFC標籤前臺調度系統
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script>
原创 uni-app如何實現一個簡單的選項卡
基礎:1.v-show顯示隱藏2.click點擊事件3.三目運算 步驟說明: 1.先寫一個外框,在抒寫2個內容,先把選項卡固定在頂部使用display: flex;,隨後寫2個不同的樣式去區分選中和未選擇 2.三目運算分別給他們賦
原创 input 修改placeholder的樣式
項目需要修改 placeholder的默認顏色 現階段,input的placeholder樣式修改仍需要加前綴! 將placeholder的字體顏色設置爲紅色,CSS代碼如下: ::-webkit-input-placeho
原创 js 中字符串轉換爲json對象以及 對象轉換爲字符串 SyntaxError: Unexpected token s in JSON at position 1
JSON.parse() 方法用於將一個 JSON 字符串轉換爲對象,如 var str = '{"name":"LeonWu","age":"18"}' JSON.parse(str); 結果爲一個Object age:
原创 使用css3實現文本超出省略號和多行省略號
首先編寫正常狀態超出文本隱藏的效果;代碼如下 overflow: hidden; 下面是單行超出文本出現省略號的效果;代碼如下 overflow:hidden; text-overflow:ellipsis; white-spa
原创 css3實現下劃線3種動畫效果
從左以及右 或者 右到左 代碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> ul
原创 position 固定定位應用 圖片固定 logo固定 比如廣告固定在網頁右側
加入這段代碼 <div style="position:fixed;right:10px;top:50%; margin-top:-100px; width:100px; height:200px; border:1px #cd1b1b