作者poeta (键盘诗人)
看板Web_Design
标题[问题] 制作wordpress的template内容对齐问题
时间Sat Sep 10 01:48:55 2016
底下是一个预设的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><!-- #content -->
08 </div><!-- #primary -->
大概是长这样:
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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1473443338.A.35A.html
1F:→ wbc319: 两个包在一起不就可以了? 09/11 21:53