作者DenTisGirl (殫題思 女_)
看板Web_Design
標題[問題] 超出邊界文字自動換行:縮排
時間Sun Sep 4 17:02:33 2016
最近可能會一直問問題啊 >__<
又有一個無法解決的問題:換行自動縮排。
目前已經設定框架內文字長度超出框架後會換行,
但我想要讓換行的部分縮排,該怎麼做?我用首行凸排,首行直接超出框架消失...
------------目前網頁呈現
這是一個範例這是一個範例這是一個範例這是一個範例這是一個範例這是一個範例這是一
個範例
(手機排板)
這是一個範例這是一個範例這是一個範例這是
一個範例這是一個範例這是一個範例這是一個
範例
--------------使用首行凸排
這一個範例這是一個範例這是一個範例這是一個範例這是一個範例這是一個範例這是一個範
例
--------------我想要的效果
這是一個範例這是一個範例這是一個範例這是一個範例這是一個範例這是一個範例這是一
個範例
(手機排板)
這是一個範例這是一個範例這是一個範例這是
一個範例這是一個範例這是一個範例這是
一個範例
之前是自己enter、空格、空格...但發現手機板上看起來很亂,
所以希望能找到辦法修正,讓網頁自動編排。
---
小筆記:給新手的網站
http://www.slime.com.tw/teach/handbook/test1.html
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.80.155.143
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1472979757.A.031.html
※ 編輯: DenTisGirl (111.80.155.143), 09/04/2016 17:10:43
推 ymcheung: text-indent 加上 margin-left 兩者數值相同可以吧? 09/04 19:45
→ Canboo: CSS ::first-line 09/05 08:19
推 Gold740716: text-indent 值可以是負的,就會凸出去。 09/05 11:00
感謝各位大大!! text-indent:-14px; margin-left:14px; 解決了!!
※ 編輯: DenTisGirl (111.80.155.143), 09/06/2016 11:31:55