利用Html 的特性來控制貼文中的空隔_綠翠園gagaman 專屬部落格forum.xmart.tw/formosa/

	§網綠翠園站§ 　 gagaman 專屬部落格

利用Html 的特性來控制貼文中的空隔

發表：gagaman	2012-05-02 11:29:08	閱覽數：31623	(IP:　)	T 3473_R 0	引　用

（一）Html 的特性：多餘的半形空隔會被忽視而消除。

可以使用符號　&n　bsp;　代替。

（&n　bsp;　間的空隔要去掉，一組符號代表一個半形空隔，要多少就加多少。）

（二）中文輸入題示方格通常有兩小格，左邊小格標示中、英文字碼替換；右邊小格標示的是全形與半形替換。

例：半形A
　　全形Ａ

　　半形空隔；
　　全形　空隔。

（三）最簡單的辦法：

“　”是全形空隔，把中間的空隔copy 存在文字檔，用時copy past就可。

回應：gagaman	2012-05-02 11:39:08	(IP:　)	T 3473_R 1	引　用

天涯台客大大：

不管是橫或直行，兩張圖片中間的空隔可以用：

全形的空隔

代替“.”，晝面不會出現“.”。

回應：天涯台客	2012-05-02 12:27:17	(IP:　)	T 3473_R 2	引　用

gagaman 賢拜

您的用心令人感動，希望有心之士齊力共同為《綠翠園》奉獻一份心力。

台灣需要像《綠翠園》這樣的網站，讓台灣人確實可以自在發聲。而且，不需要經過主觀的篩選或過濾。

圖與圖之間的間格問題，先前我在外獨網就相當困擾：

1) 我使用 Mac 電腦，中文字體半型或全型還沒學會轉換，轉換不來。結果是：兩圖橫式空格，怎麼空，空多少格，全部被電腦或網站縮小為半格。真是無奈，因為有些時候，兩圖距離太近，色調、體材......，皆屬不宜。至於上下兩圖直式的空格沒問題，可以控制得當。

2) 因此，小弟自己以中文符號「．」代替「空格」的Space，不是正常做法，但還差強人意。

3) 最主要的癥結點，還是在我電腦中文半型或全型的問題。如果賢拜可以教我幫我解決，當是雀躍不已、感激萬分。

底下試做：

（中間空格一字）

（中間空格三字）

．

（中間空格一點）

．．．

（中間空格三點）

4) 另，一個不成熟的建議：《綠翠園》可以考慮 SEO （網頁搜尋優質化）的加強，重點在首頁的原始碼，能見度必然徒增，對流量幫助不小。改天小弟有機會回台，當可碰面聊聊。謝謝您，更謝謝您的努力！

回應：gagaman	2012-05-02 13:19:46	(IP:　)	T 3473_R 3	引　用

Html 的特性：多餘的半形空隔會被忽視而消除。

可以使用符號　&n　bsp;　代替。

（&n　bsp;　間的空隔要去掉，一組符號代表一個半形空隔，要多少就加多少。）

回應：gagaman	2012-05-02 13:31:36	(IP:　)	T 3473_R 4	引　用

＞＞還是在我電腦中文半型或全型的問題。

中文輸入題示方格通常有兩小格，左邊小格標示中、英文字碼替換；右邊小格標示的是全形與半形替換。

例：半形A
　　全形Ａ

　　半形空隔；
　　全形　空隔。

回應：gagaman	2012-05-02 13:33:22	(IP:　)	T 3473_R 5	引　用

4) 另，一個不成熟的建議：《綠翠園》可以考慮 SEO （網頁搜尋優質化）的加強，重點在首頁的原始碼，能見度必然徒增，對流量幫助不小。改天小弟有機會回台，當可碰面聊聊。謝謝您，更謝謝您的努力！

謝謝！好建議！

回應：天涯台客	2012-05-02 13:33:29	(IP:　)	T 3473_R 6	引　用

讓我再試一試：

（中間空格全型一字/ 2組）

（中間空格全型三字/ 6組）

回應：天涯台客	2012-05-02 13:35:10	(IP:　)	T 3473_R 7	引　用

^_^ b

感恩

多謝

回應：竹根	2012-05-02 13:38:09	(IP:　)	T 3473_R 8	引　用

最簡單的辦法：

“　”是全形空隔，把中間的空隔copy 存在文字檔，用時copy past就可，嘻～

回應：天涯台客	2012-05-02 13:49:17	(IP:　)	T 3473_R 9	引　用

以“　”法試一試：

（中間空格全型三字/3 組“　”）

回應：天涯台客	2012-05-02 13:51:21	(IP:　)	T 3473_R 10	引　用

竹根大ㄟ

真是厲害！^_^

回應：天涯台客	2012-05-02 14:02:38	(IP:　)	T 3473_R 11	引　用

好啦，收一收又有版務教學題材啦！

討海大人不信這一套，結果版面永遠就像老粗抹粉。

他說，內容第一，其他的次要。

謝謝啦！今天又學了管用的一課。

回應：gagaman	2012-05-02 14:05:10	(IP:　)	T 3473_R 12	引　用

^_^　　　　　　

回應：gagaman	2012-05-02 14:08:24	(IP:　)	T 3473_R 13	引　用

這些方法不管是橫排或直排都可以用。

回應：天涯台客	2012-05-02 14:12:06	(IP:　)	T 3473_R 14	引　用

感恩不盡！確是管用受用。

^_^ b

回應：gagaman	2012-05-05 22:22:53	(IP:　)	T 3473_R 15	引　用

行用空隔排版對聯

　　　　　　　　　樂行時及　　　
　　　　　　　　人　　　　此
　　　　　　　　間　　　　景　
　　　　　　　　難　　　　只　
　　　　　　　　得　　　　應　
　　　　　　　　幾　　　　天　
　　　　　　　　回　　　　上
　　　　　　　　見　　　　有

回應：天涯台客	2012-05-06 02:54:39	(IP:　)	T 3473_R 16	引　用

　
　

　　　　　　　　茂根翠竹
　　　　　　　春　　　　冬
　　　　　　　暉　　　　雪
　　　　　　　又　　　　欲
　　　　　　　紅　　　　白
　　　　　　　萬　　　　千
　　　　　　　朵　　　　里
　　　　　　　花　　　　草
　
　

　

回應：天涯台客	2012-05-06 03:07:23	(IP:　)	T 3473_R 17	引　用

↑對不準歪掉了，原來諸位大大之所以不想學，就怕長白髮？
　
　
　

　　　　　　　　　　茂根翠竹
　　　　　　　　　春　　　冬
　　　　　　　　　暉　　　　雪
　　　　　　　　　又　　　　欲
　　　　　　　　　紅　　　　白
　　　　　　　　　萬　　　　千
　　　　　　　　　朵　　　　里
　　　　　　　　　花　　　草
　
　
　

回應：天涯台客	2012-05-06 03:12:09	(IP:　)	T 3473_R 18	引　用

看來少自作聰明，不作色彩。免得半型全型搞咂：
　
　

　　　　　　　　　　茂根翠竹
　　　　　　　　　春　　　　冬
　　　　　　　　　暉　　　　雪
　　　　　　　　　又　　　　欲
　　　　　　　　　紅　　　　白
　　　　　　　　　萬　　　　千
　　　　　　　　　朵　　　　里
　　　　　　　　　花　　　　草
　
　

回應：gagaman	2012-05-06 07:07:08	(IP:　)	T 3473_R 19	引　用

帥！

即使是指令參雜其中，仍有其固定的特性，掌握了特性，仍舊能得到美麗的成果。

回應：gagaman	2012-05-06 07:31:23	(IP:　)	T 3473_R 20	引　用

　
　
　
　　　　　　　　　　茂根翠竹
　　　　　　　　　春　　　　冬
　　　　　　　　　暉　　　　雪
　　　　　　　　　又　　　　欲
　　　　　　　　　紅　　　　白
　　　　　　　　　萬　　　　千
　　　　　　　　　朵　　　　里
　　　　　　　　　花　　　　草

回應：gagaman	2012-05-06 07:49:48	(IP:　)	T 3473_R 21	引　用

R17操作中，第一行多加插入了半形空隔

第二行及最後一行，一個半形空隔代替了全形的。少了半隔。

R20 是改了以後的表現。

＊我的做法是笨笨地在文字檔先把版排好，再把html的變色等等指令插入＊

回應：正反修羅	2012-05-06 08:01:57	(IP:　)	T 3473_R 22	引　用

copy 原始碼

　＜br />
　＜br />
　＜br />
　　　　　　　　　　茂根翠竹＜br />
　　　　　　　　　春　　　　冬＜br />
　　　　　　　　　暉　　　　雪＜br />
　　　　　　　　　又　　　　欲＜br />
　　　　　　　　　紅　　　　白＜br />
　　　　　　　　　萬　　　　千＜br />
　　　　　　　　　朵　　　　里＜br />
　　　　　　　　　花　　　　草＜br />

＜hr width="98%" noshade size＝"2" color="red">

回應：正反修羅	2012-05-06 08:05:51	(IP:　)	T 3473_R 23	引　用

證偽不證實

　　　　　　　　　　茂根翠竹＜br />
　　　　　　　　　春　　　　冬＜br />
　　　　　　　　　暉　　　　雪＜br />
　　　　　　　　　又　　　　欲＜br />
　　　　　　　　　紅　　　　白＜br />
　　　　　　　　　萬　　　　千＜br />
　　　　　　　　　朵　　　　里＜br />
　　　　　　　　　花　　　　草＜br />

回應：正反修羅	2012-05-06 08:07:32	(IP:　)	T 3473_R 24	引　用

證偽不證實

　　　　　　　　　　茂根翠竹＜br />
　　　　　　　　　春　　　　冬＜br />
　　　　　　　　　暉　　　　雪
　　　　　　　　　又　　　　欲
　　　　　　　　　紅　　　　白
　　　　　　　　　萬　　　　千
　　　　　　　　　朵　　　　里
　　　　　　　　　花　　　　草＜br />

回應：正反修羅	2012-05-06 08:08:51	(IP:　)	T 3473_R 25	引　用

證偽不證實

　　　　　　　　　　茂根翠竹
　　　　　　　　　春　　　　冬
　　　　　　　　　暉　　　　雪
　　　　　　　　　又　　　　欲
　　　　　　　　　紅　　　　白
　　　　　　　　　萬　　　　千
　　　　　　　　　朵　　　　里
　　　　　　　　　花　　　　草

回應：正反修羅	2012-05-06 08:10:05	(IP:　)	T 3473_R 26	引　用

回應：正反修羅	2012-05-06 08:14:42	(IP:　)	T 3473_R 27	引　用

超級懶鬼學習法！！

Copy原始碼

貼上來

回應

看結果

有蟲

反向思考，不考慮【加了什麼，會怎樣】
而是考慮【少了什麼，才不會怎樣】

回應：gagaman	2012-05-06 08:22:37	(IP:　)	T 3473_R 28	引　用

正反教授：

<br/>是系統自動在換行時給的換行指令，你copy原始碼重貼時要消去<br />否則系統再加上會重復。

網友貼文裡的換行指令是<br>,系統加上的是＜br />以資分別，讓網管好分辨。

系統發現你下沒被授權的指令，會干擾修改不讓執行，如最後一行是劃線指令，一改就露餡了，網管就會查覺。^_^

回應：天涯台客	2012-05-11 06:54:32	(IP:　)	T 3473_R 29	引　用

請教 gagaman 賢拜：

同一帖內，有「圖」有「文」，原本想做成「圖」居中間，「文」照一般的排列方式。

如下

我給的指令是：

結果：「圖」「文」全都被居中間了？

如 ●R1 0f ◆ 給你一點顏色看！◆

外獨沒這問題，但在《綠翠園》卻會發生這種狀況，請問：我的指令哪裡不正確？謝謝您。

回應：gagaman	2012-05-11 07:27:30	(IP:　)	T 3473_R 30	引　用

台客老大：晚安

您實際下的指令是：

<center><img src=http://hosting11.imagecross.com/image-hosting-65/98941-1-Colorful_by1.jpg> <img src=http://hosting11.imagecross.com/image-hosting-65/25771-2-copy-beauty.jpg> <img src=http://hostinga.imagecross.com/image-hosting-16/33261-3DSC_0044.jpg><center>

那裡錯了？排中的結尾指令少了“/“，所以全部排中了。本站每欄中間恰好會有一個消除排中的指令，否則之後的欄全部會被您改成排中。

外獨的程式會排查，您有沒有結尾，沒有的話，會給您提示，停止貼進資料庫。

回應：gagaman	2012-05-11 08:51:13	(IP:　)	T 3473_R 31	引　用

台客老大：

您注重版面美觀的程度，使gagaman敬佩。在網頁的規劃過程，要師法您的地方很多。

網頁的視覺工程要照顧多方面，不止是色彩佈置，其中有一點就是網友的monitor設備，五花八門，大大小小不等，網頁的寬要多大呢？這是資訊的特點，有些指令可以隨網友monitor大小（或是開視窗的大小）而調整，如文檔。有些指令跟圖檔就不行。

圖檔是固定的，當圖檔的排寬超過視窗，最右的圖會被拉到下一列。如果您一排的是三圖，可是有些網友看到的是第一排兩圖，第二排一圖，對照您的解說文，會引起困擾。

因此您排版時，可否先設定一個網友最多的標準寬？800 ~ 1280 中的一個值，圖檔總寬要限定在您設定的標準寬內，照顧中間值最大的網友。不要以您家優值的monitor為準。^_^

gagaman用不起智慧型手機，不知道用智慧型手機看網頁又是個什麼情況，網頁不知要做什麼修改？頭大！