Board logo

標題: [發問] 排版問題 [打印本頁]
作者: mark15jill    時間: 2015-7-29 15:30     標題: 排版問題

目前排版遇到的情況..
CSS套用標題OK
自動編號OK..
標題和 自動編號的中間高度距離是否可減少或縮短？(紅色框框區域)

成圖如下：
[attach]21558[/attach]
原始碼如下：
  1. <style type="text/css">
  2. <!--
  3. .T_3{
  4.         font-family:"華康細圓體";
  5.         font-size:18px;height:16px;
  6.         line-height:16px;font-weight:bolder;
  7.         color:#808000;vertical-align:none;
  8.         text-align:left;
  9. }
  10. .sqs{
  11.         font-family:"華康細圓體";
  12.         font-size:14px;height:16px;
  13.         line-height:16px;font-weight:bolder;
  14.         color:#930;
  15.         vertical-align:middle;text-align:left;
  16.         list-style-type:decimal;
  17. list-style-position:outside; /*縮排(符號於格內的位置內容再接在其後)*/
  18. }

  20. .p_0 {
  21.         height:245px;width:50%;vertical-align:middle;
  22.         text-align:center;
  23. }
  24. .p_1 {
  25.         height:154px;width:100%;vertical-align:middle;
  26.         text-align:center;
  27. }
  28. -->

  30. </style>

  32. <table width="100%" >
  33.         <tbody>
  34.             <tr>
  35. <font class="T_3">【費容】</font>
  36. <font class="sqs">
  37. <ol>
  38. <li>預約報名 </li>
  39. <li>預約報名 </li>
  40. <li>預約報名 </li>
  41. <li>預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名預約報名 </li>
  42. </ol>
  43. </font>
  44.         </tr>
  45.         <tr>
  46.         <td>
  47.         
  48.         </td>
  49.         </tr>
  50.         </tbody>
  51. </table>
複製代碼
作者: jackyq    時間: 2015-7-29 15:45

<ol> </ol>  殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺殺
作者: mark15jill    時間: 2015-7-29 15:47

找到方法了...
把順序對調就好
把標題當偽標題... 在個別設定 縮排...
[attach]21560[/attach]
謝謝 jackyq大大的回覆...
作者: bonnieyu53    時間: 2015-10-31 17:35

以下三種方式皆可以完成
1. 更改 T_3 的 line height(行高) 值
2. T_3 用 margin-bottom: 負值 拉回與 sqs 的距離
3. sqs 用 margin-top: 負值 拉回與 T_3 的距離
　
事實上，只有選項1才是最正確的
你只要更改 CSS 內的 .T_3{line-height:值} 就好
作者: mark15jill    時間: 2015-11-1 14:21

回復 4# bonnieyu53


    謝謝教學... 但 由於該網站內部設定不明...
    所以很多 常規 的方法、設定 不適用...
   只能用拼湊的方法去調整
作者: bonnieyu53    時間: 2015-11-1 21:26

不太了解你的意思，應該不太會有這種問題
畢竟標籤不一樣就影響不了你自己寫的CSS

html 方面，對應你在CSS內寫的內容也用的不對
如果你要應用你上面那段CSS
正確應為 div class 或 p class 或 span class
外面不用再包 table 的 html
作者: mark15jill    時間: 2016-3-21 16:48

回復 6# bonnieyu53

DIV 有時候會出現重疊  雖然可用margin - top 去調整



歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)