PCDVD數位科技討論區
PCDVD數位科技討論區   註冊 常見問題 標記討論區為已讀

回到   PCDVD數位科技討論區 > 其他群組 > 疑難雜症區
帳戶
密碼
 
回應
 
主題工具
kamato3
Regular Member
 
kamato3的大頭照
 

加入日期: Sep 2010
您的住址: 淡水
文章: 57
請問一個有關HTML段落文字排版的問題。

例如這樣一段文字:
  大學之書,古之大學所以教人之法也。蓋自天降生民,則既莫不
..............................................................................知
..............................................................................命
..............................................................................帝
、堯、舜,所以繼天立極,而司徒之職、典樂之官所由設也。

不想用<pre>預先排版</pre>,因為調視窗大小時,字會切掉。
想用<p>大學之書...................................而司徒之職、典樂之官所由設也。</p>



這樣在文書軟體,看原始碼就很長一行...不利編輯。
不得不在<p>....</p>裡面,用幾個ENTER...

<p>大學之書,古之大學所以教人之法也。蓋自天降生民,則既莫不
..............................................................................知
..............................................................................命
..............................................................................帝
、堯、舜,所以繼天立極,而司徒之職、典樂之官所由設也。</p>

顯示出來會如下面那一個段落,用ENTER的字後面...在HTML檔 就會多個半形空白。
請問有沒有兩全其美的方法???
添加哪個CSS屬性可以去掉這個空白 or 換軟體編輯也可以。
還是唯一、只能寫在一行...


  大學之書,古之大學所以教人之法也。蓋自
天降生民,則既莫 與之以仁義禮智之性矣。
然其氣質之稟或不能齊,是以不能皆有以 其性
之所有而全之也。一有聰明睿智能盡其性者出於
其閒,則天必 之以為億兆之君師,使之治而教
之,以復其性。此伏羲、神農、黃 、堯、舜,
所以繼天立極,而司徒之職、典樂之官所由設也。
     
      

此文章於 2017-03-07 05:11 AM 被 kamato3 編輯.
舊 2017-03-07, 05:08 AM #1
回應時引用此文章
kamato3現在在線上  
bestbuy
Junior Member
 
bestbuy的大頭照
 

加入日期: Jul 2002
您的住址: Calgary, Canada
文章: 917
<p style="word-spacing: -4px;">

-4px 這個數值看你字體大小, 可能會需要改
限中文用, 混連續兩個以上的英文字就不行了
 
__________________

此文章於 2017-03-07 06:21 AM 被 bestbuy 編輯.
舊 2017-03-07, 06:18 AM #2
回應時引用此文章
bestbuy離線中  
kamato3
Regular Member
 
kamato3的大頭照
 

加入日期: Sep 2010
您的住址: 淡水
文章: 57
感謝樓上網兄指點

另外想請教各位, 下面這種情形的對齊, 例如

作業系統.............支援版本...系統預載.............可個別安裝
Windows.10.年度更新..32/64.bit...NET.Framework.4.62..
Windows.10.11月更新..32/64.bit...NET.Framework.4.61...NET.Framework.4.6.2
Windows.10...........32/64.bit...NET.Framework.4.6....NET.Framework.4.6.2/4.6.1
Windows.8.1..........32/64.bit...NET.Framework.4.51...NET.Framework.4.6.2/4.6.1/4.6/4.52?
Windows.8............32/64.bit...NET.Framework.4.5....NET.Framework.4.6.1/4.6/4.52?/4.51
Windows.7.SP1........32/64.bit..--....................NET.Framework.4.6.2/4.6.1/4.6/4.52/4.51/4.5/4
Windows.Vista.SP2....32/64.bit..--....................NET.Framework.4.6/4.52/4.51/4.5/4
Windows.XP...........32/64.bit..--....................NET.Framework.4

上面的點號, 是空白鍵.


1. html文件, 用<pre></pre>包起來還是不能對齊.
目前我是用表格, 讓它看起來每個欄位開頭是對齊的... 好像不太正確?

而且有的欄位只不過是純英數編號, 例如中日韓統一表意文字, U+4E00–U+9FFF 當做第一個欄位編號.
雖然該欄起先對齊, 但是第二個字元開始就不見得對齊了... 不好看.

所以想嘗試一下等寬的效果
那有沒有免費的, 風格接近微軟正黑體的 英數等寬字型
或是用CSS屬性可以控制也可以.
麻煩介紹一下... 


2. 在html文件, 這情形 有沒有更正確的對齊方法, 處理方式?


3. 好像許多討論版, 文字編輯是用 vB代碼 這種情形又要怎麼對齊?
上回看到 二手貨市場 有賣家商品列表整齊, 被別人問到了. 可是那賣家的回答 在下沒看懂.
舊 2017-03-09, 06:33 PM #3
回應時引用此文章
kamato3現在在線上  
bestbuy
Junior Member
 
bestbuy的大頭照
 

加入日期: Jul 2002
您的住址: Calgary, Canada
文章: 917
1. 你的資料就是一個表格, 以網頁設計師的角度來說, 用 <table> 是最正確的, 用 <pre> 是不對的.

英數等寬字形網路上有一堆華康的 ttc 都有含等寬版本
CSS沒辦法把每個字弄成等寬


2. 上面說了, table 最佳, 用 ul li 也可, 再來是 dl dd dt, 最差的就是一堆 div


3. 討論版的代碼除非支援表格, 不然只能打全型字, 包含空格

windows 10     對齊
linux          對齊
Mac OSX        對齊
__________________
舊 2017-03-09, 11:33 PM #4
回應時引用此文章
bestbuy離線中  
bestbuy
Junior Member
 
bestbuy的大頭照
 

加入日期: Jul 2002
您的住址: Calgary, Canada
文章: 917
關於 3. 再補充一個
像是本版用 [ code ] 標籤配合 tab 也可以堆齊

缺點是只能放純文字, 連結字體顏色等等就不能用

代碼:
Windows 10		對齊
Linux			對齊
Mac OSX			對齊
__________________
舊 2017-03-09, 11:56 PM #5
回應時引用此文章
bestbuy離線中  
oversky.
Advance Member
 

加入日期: Feb 2013
文章: 365
引用:
作者kamato3
這樣在文書軟體,看原始碼就很長一行...不利編輯。


換個可以設定寬度自動換行的編輯軟體?
 
舊 2017-03-10, 10:33 AM #6
回應時引用此文章
oversky.離線中  
kamato3
Regular Member
 
kamato3的大頭照
 

加入日期: Sep 2010
您的住址: 淡水
文章: 57
感謝網兄 bestbuy 的指導.

用零碎的時間學html也有上百個小時了.
但是我很久才發現html只是皮, 有美感才是骨.
就像會CAD指令只是皮, 會製圖才是骨.

不過也不是全無收獲, HTML拿來做筆記很耗時...
不過比較好看一點是真的.

那個第三點提醒, 上回看過...
只是腦袋袕r 一下子轉不過來, 謝了~
舊 2017-03-13, 07:14 PM #7
回應時引用此文章
kamato3現在在線上  
回應



主題工具

發表文章規則
不可以發起新主題
不可以回應主題
不可以上傳附加檔案
不可以編輯您的文章

vB 代碼打開
[IMG]代碼打開
HTML代碼關閉



所有的時間均為GMT +8。 現在的時間是07:56 PM.


vBulletin Version 3.0.1
powered_by_vbulletin 2017。