§§   gagaman 專屬部落格

總 覽版 務政 經健康醫療軍 武理 財文 化藝 文科 技台灣的美旅 遊PISA娛 樂鄉 土公 民認 同副 刊哈 啦范氏網
竹縫視界耳聾世界泰伯觀點寬頻新思維哈利天地Jerry C鳥世界射水魚天空討海人鏡頭嘻笑人間詩情畫藝北極星探照燈網網相連歷史庫存

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

發表:gagaman 2012-05-02 11:29:08 閱覽數:42938 (IP: ) T 3473_R 0 引 用
(一)Html 的特性:多餘的半形空隔會被忽視而消除。

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

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


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

例:半形A
  全形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
  全形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用不起智慧型手機,不知道用智慧型手機看網頁又是個什麼情況,網頁不知要做什麼修改?頭大!

回應:gagaman 2012-05-11 09:27:14 (IP: ) T 3473_R 32 引 用
本站的設定寬是1024

回應:天涯台客 2012-05-11 09:29:38 (IP: ) T 3473_R 33 引 用
太好了!感謝 gagaman 賢拜。

以後盡量小心就是,龜毛啦!總希望把事情做好。跟您學到很多咧!感恩不盡。

返回 版務分區 返回 gagaman 專屬部落格  ▲往上  

回  應  意  見  主  題

意見主題:【利用Html 的特性來控制貼文中的空隔

跟 貼 勿 偏 離 主 題!

貼文請用Big5碼。

姓 名:

回應內容:

      

總 覽版 務政 經健康醫療軍 武理 財文 化藝 文科 技台灣的美旅 遊PISA娛 樂鄉 土公 民認 同副 刊哈 啦范氏網
竹縫視界耳聾世界泰伯觀點寬頻新思維哈利天地Jerry C鳥世界射水魚天空討海人鏡頭嘻笑人間詩情畫藝北極星探照燈網網相連歷史庫存

* 討論區內之言論,不代表本園之立場,一切法律責任仍由發言者本人負責
* 如果您有任何不當言論,本園有權決定是否保留您所送貼的意見 。