[問題] 製作wordpress的template內容對齊問題

看板Web_Design作者poeta (鍵盤詩人)時間8年前 (2016/09/10 01:48)推噓0(0推 0噓 1→)

留言1則, 1人參與討論串1/1

底下是一個預設的template，去後台選擇後，會顯示出網誌的內容。 01 <div id="primary"> 02 <div id="content" role="main"> 03 <?php while ( have_posts() ) : the_post(); ?> 04 <?php get_template_part( 'content', 'page' ); ?> 05 <?php comments_template( '', true ); ?> 06 <?php endwhile; // end of the loop. ?> 07 </div> 08 </div> 大概是長這樣: http://i.imgur.com/rZIINc3.png

把template設定好後，出現上圖的紅色框框的內容。我接著要繼續製作template，就是在網誌下方多寫一個超連結（上圖綠色框框），希望超連結跑出來後，能夠和上面那個網誌對齊。可是就算把連結的程式碼，放到前面的<div>裡面，超連結還是不會對齊，都是畫面的左邊出現。我只好另外寫一個有置左的<div> 09 <div style="margin-left:120px;"> 10 <ul><?php wp_list_pages('title_li=&child_of='.$post->ID); ?></ul> 11 </div> 看似暫時解決問題了，用較高解析度看是正常，但用手機瀏覽，因為解析度比較窄，所以超連結就會跑到很右邊去。大概長這樣: http://i.imgur.com/AhmXigD.png

我的問題就是，讓「網誌內容」(紅框)和「超連結」(綠框)能夠對齊，正確的寫法是？(推測是style.css吧...) -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.252.0.101 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1473443338.A.35A.html