CSS教學－段落文字縮排、凸排設定 - 梅問題

說到文字縮排，應該有不少朋友，對於這個設定感到很頭痛，每次在用時都要調半天，才能把段落文字調到指定的位置，其實這個text-indent... 熱門文章 網頁教學 MAC教學 WordPress教學 免費資源 攝影教學 Photoshop教學 Illustrator教學 全站分類 合作提案 攝影 Adobe APP Mac 軟體 免費資源 網設 架站 生活 搜尋 熱門關鍵字: 免費主機空間 書法字產生器 免費3D軟體大集合 商品攝影教學 bootstrap教學 wordpress架設 首頁 » 網頁開發 » CSS » CSS教學－段落文字縮排、凸排設定 CSS教學－段落文字縮排、凸排設定 2012/07/30 “ 　　說到文字縮排，應該有不少朋友，對於這個設定感到很頭痛，每次在用時都要調半天，才能把段落文字調到指定的位置，其實這個text-indent縮排屬性，最常見就是用於連結上，透過縮排屬性，就可把連結文字給擠出畫面，讓原來的連結，可用圖片來取代，但這個縮排屬性，不只可用於連結標籤上，也可用於段落文字上，透過text-indent就可將文字進行縮排、凸排，相當的方便，現在就一塊來看看，這個text-indent要如何來作設定。

text-indent首行凸排：

觸控式的虛擬鍵盤，已是目前智慧型手機的趨勢，當省略以往實體鍵盤的空間後，讓手機螢幕可視範圍變更大，雖然說虛擬鍵盤很方便，也不佔空間

當要作凸排時，當把text-indent設成-4em時，表示向左靠，而em代表什麼意思呢?其實em與百分比有點像，它基準則取決於文字的尺寸，比方文字設15px，這時1em=15px，所以當前面要向前四個字，就可用4em，正負代表方向，當向左移4em，又用margin推4m，這時區塊大小，就由原來的400px變成460px，若希望讓區塊，還是保持400px時，就得將with設成340px，才能維持一樣的大小喔！才不會在那擠來擠去，造成版面的跑位。

text-indent首行縮排：

觸控式的虛擬鍵盤，已是目前智慧型手機的趨勢，當省略以往實體鍵盤的空間後，讓手機螢幕可視範圍變更大，雖然說虛擬鍵盤很方便，也不佔空間

縮排就比剛的凸排,來的簡單許多，只要下text-indent，立即就可段落字的首向縮排，但在縮排時，寬度則不會受任何的影響，原來設定多少就是多少囉! [範例預覽] ※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！ ※本站採用CC授權請勿轉貼本站文章，謝謝。

css教學, css文字縮排, css縮排, text-indent, text-indent教學, 推薦文章 2022－10個免費可商用的圖庫大集合！從人像、食物、風景、人文一應具全 Adobe雲端工具「移除背景」只需拖曳照片立即去背 Adobe雲端工具「免費影片合併」自動合併影片外，甚至還可手動修剪影片 Adobe官方正式推出雲端版Photoshop，只需登入Adobe帳號立即可使用 免費MAC模擬器UTM，讓新版的MACM1也可安裝Windows11 密技！如何讓ibon列印時，圖片與文字可以依原尺寸不被縮放 超省方案！到超商洗證件照8秒立即拿，1張2吋照一元不到 LocalbyFlywheel一鍵快速在本機架設好WordPress，並支援外連與SSL安全加密 Pixelconversions線上一鍵將像素與公分單位快速互轉 四款零延遲iPad延伸螢幕APP，讓iPad變成筆電的外接螢幕 Clockology免費可自行設計AppleWatch表面，並解決無同步選項的安裝教學 《快牙》透過藍芽實現iPhone/Android跨平台互傳檔案與APP 精選文章 《毛筆字線上生成器》一鍵快速產生出各名家書法字 登入中華電信光世代數據機(I-040GW)的管理者帳號、密碼與網址 超豪邁又有氣勢！日文書法手寫字體線上產生器 10大最受歡迎的免費3D軟體大集合 馬桶堵塞網路流傳三招實測，這招最簡單！最有效！ 透過7-11ibon找回遺失的停車繳費單 線上PANTONE色號查詢器，並轉換成CMYK、RGB、網頁色碼，同時還有配色組合可參考 免越獄！透過AltStore讓iPhone/iPad也可自行安裝未簽署的IPA檔教學 《ShutterCounter》線上檢測相機快門釋放次數(支援RAW檔) 0元架站！精選 0元架站！全新GoogleSites協作平台，只要拖、拉、放，立即打造出漂亮RWD網頁 0元架站！Vercel免費網頁空間，可綁定域名、CDN與SSL 0元架站！Forestry打造HUGO即見即所得的編輯介面與整合CloudflarePages全自動化更新 0元架站！CloudflarePages提供無限流、無限容量，免費網頁空間，同時還可綁定自己的網域名稱架設教學 0元架站！DigitalOcean現在也能部署Hugo網站，並有免費方案與CDN服務 0元架站！roast.io免費靜態HTML網頁空間，可綁定網域與10GB流量 0元架站！Neocities免費靜態HTML空間，內建線上檔案管理器拖拉間，快速打造自己的網站 0元架站！NSurge免費無限流量靜態網頁空間，可綁定網域&支援SSL 新年主題文章 台灣正宗《十六張麻將》麻將台數表一覽表 今年來點不一樣的紅包袋！將小朋友塗鴉做成閃亮亮紅包袋,包給長輩最閃耀 《紅包袋別丟!!》新年限定!!紅通通喜氣開運皮夾，好運、財氣都來到! [DIY]7-11自製紅包袋教學！多少量你決定，免等待、立即取件 紙箱再利用DIY貓玩具，「氣虎虎沖天飛車」跟主子一起歡慶新虎年 2022全國新鈔提領地圖懶人包，讓你快速找到就近提領新鈔的銀行過好年 ⇠【週邊配件】Aryca千元有找iPhone防水、防塵保護殼 [MAC]關閉新版作業系統MountainLion山獅－軟體來源驗證⇢