PIXNET Logo登入

程式設計@筆記

跳到主文

一個常常忘記code的php工程師寫下的筆記。

部落格全站分類：不設分類

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 6月 27 週四 201919:46

  • [css]強迫匯出excel的欄位格式轉為純文字

<style>
td{mso-number-format:"\@" !important;}
</style>
(繼續閱讀...)
文章標籤

stockwfj3 發表在 痞客邦 留言(0) 人氣(107)

  • 個人分類：css
▲top
  • 5月 31 週五 201917:58

  • [css]解決英文字穿過text-decoration-line底線問題

 
a{  
box-shadow: 0 1px;
(繼續閱讀...)
文章標籤

stockwfj3 發表在 痞客邦 留言(0) 人氣(28)

  • 個人分類：css
▲top
  • 2月 13 週二 201816:55

  • [CSS]當文字要壓在圖片上，並作RWD的自適應

當文字要壓在圖片上，可以使用 transform:translate
並配合@media screen 調整文字大小即可

例：
<div style="width:100%; background-image:url(images/bg1.jpg);background-size:cover;background-position:center;position:relative;">
<span id="person" style="position:absolute;color:#E6B800; font-weight:800; font-size:80px; top:64%;left:74%;transform: translate(-64%, -74%); z-index:1000;">文字</span>
<img src="圖片" style="display:block;max-width:100%; margin:0 auto;" >
</div>
(繼續閱讀...)
文章標籤

stockwfj3 發表在 痞客邦 留言(0) 人氣(9,912)

  • 個人分類：css
▲top
  • 2月 08 週四 201814:46

  • [CSS]使用純CSS將輸入的字母轉換大寫或小寫

 
輸入字母轉成大寫
<input name="first_name" type="text" style="text-transform:uppercase;" placeholder="輸入字母轉大寫" />
輸入字母轉成小寫
<input name="first_name" type="text" style="text-transform:lowercase;" placeholder="輸入字母小寫" />
(繼續閱讀...)
文章標籤

stockwfj3 發表在 痞客邦 留言(0) 人氣(331)

  • 個人分類：css
▲top
  • 1月 18 週四 201814:34

  • [CSS]讓舊網站上稿的table表格，也能自適應(編輯器適用)

 
<style>
table{
width:auto;
max-width:100%;
}
(繼續閱讀...)
文章標籤

stockwfj3 發表在 痞客邦 留言(0) 人氣(102)

  • 個人分類：css
▲top
  • 12月 27 週三 201717:45

  • [CSS]讓CKeditor編輯器上傳圖片自動適應RWD頁面

<style>
#content img
{
max-width:100% !important;
height:auto !important;
}
</style>
(繼續閱讀...)
文章標籤

stockwfj3 發表在 痞客邦 留言(0) 人氣(729)

  • 個人分類：css
▲top
  • 9月 26 週二 201717:00

  • [CSS]使用box-sizing重置方式(RWD專用)

*, *::after, *::before {
-ms-box-sizing: inherit;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
margin: 0;
padding: 0;
}
(繼續閱讀...)
文章標籤

stockwfj3 發表在 痞客邦 留言(0) 人氣(196)

  • 個人分類：css
▲top
  • 8月 01 週二 201710:14

  • [CSS]不同螢幕尺寸顯示不同div(多div切換)

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@media screen and (min-width: 721px) {
.content .x700{display:block !important;}
.content .x490{display:none !important;}
.content .x290{display:none !important;}
(繼續閱讀...)
文章標籤

stockwfj3 發表在 痞客邦 留言(0) 人氣(265)

  • 個人分類：css
▲top
  • 5月 02 週二 201714:46

  • [CSS]Footer置底且div不設定浮動(使用calc)

<div class="content">
<!-- content -->
</div>
<div class="footer">footer內容</div>
(繼續閱讀...)
文章標籤

stockwfj3 發表在 痞客邦 留言(0) 人氣(698)

  • 個人分類：css
▲top
  • 3月 15 週三 201715:19

  • [CSS] 將內崁google map的iframe變成園的iframe

<style>
#player-wrapper{
border-radius:50%;
border:solid 1px #999;
width:360px;
height:360px;
overflow:hidden;
position:absolute;
left:50%;
top:90px;
margin-left:-130px;
z-index:10;
(繼續閱讀...)
文章標籤

stockwfj3 發表在 痞客邦 留言(0) 人氣(65)

  • 個人分類：css
▲top
123»

ad

文章搜尋

熱門文章

  • (12,391)[php] array_push 一個或多個單元加入陣列末尾
  • (1,859)[php]session_save_path 讀取與設置當前會話的保存路徑
  • (1,820)[php]file_put_contents() 函數把一個字符串寫入文件中
  • (1,782)[php]取得使用者IP位置
  • (1,285)[php]imagecolorallocate — 為一幅圖像分配顏色
  • (460)[php]str_split — 將字符串轉換為數組
  • (381)[php] PHP將網址字串轉換成URL
  • (237)php模擬String.TrimEnd函數，移除最後一個逗號或符號
  • (225)[php] array_walk — 對陣列中的每個成員應用用戶函數
  • (97)[php]session_abort 丟棄session陣列的變化和完成session

文章分類

toggle 其它分類 (8)
  • JQuery (16)
  • Android (20)
  • html (7)
  • 其它 (5)
  • codeigniter (13)
  • Mysql (6)
  • javascript (12)
  • css (26)
  • php實用技巧 (17)
  • php常用函數 (44)
  • PDO函數 (36)
  • GD函數 (106)
  • php字符串函數 (70)
  • php陣列 (62)
  • php日期函數 (38)
  • Directory函數 (8)
  • Filesystem函數 (58)
  • Math 函數 (44)
  • json函數 (2)
  • Session 函数 (14)
  • Cookies操作 (7)
  • ftp函數 (20)
  • ctype函數 (8)
  • Misc 雜項函數 (19)
  • cURL 函数 (25)
  • MySQLi函數 (53)
  • SimpleXML函數 (23)
  • Calendar 日曆函數 (17)
  • URL 函數 (10)
  • iconv 函數 (11)
  • Network函數 (24)
  • Multibyte String (45)
  • Zip壓縮函數 (22)
  • Variable handling (28)
  • 未分類文章 (1)

最新文章

  • 解決CKEditor中img標籤自動添加style樣式的問題-禁止自動設置width和height
  • [css]強迫匯出excel的欄位格式轉為純文字
  • [html]使用frame無框轉址
  • [css]解決英文字穿過text-decoration-line底線問題
  • [Jquery]停止所有youtube播放(iframe embed)
  • [Mysql]將字串欄位轉成數字排序或加總金額(使用CAST)
  • [Jquery]讓html檔也能使用include方法
  • [html]textarea預設文字並換行
  • [html5]使用正則 pattern 判斷日期格式
  • [CSS]當文字要壓在圖片上，並作RWD的自適應

文章精選