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