作者BIAO (超越自己)
看板Web_Design
标题[问题] [Solved]WordPress文绕图请益@@
时间Mon Sep 18 11:06:36 2017
各位板友大家好,
小弟是网页及WordPress新手,
最近用WordPress设计一简单的网站,
但是有部份文章内容希望采用文绕图,
上网查询後也的确有找到相关教学。
在img标签内加入align="left"即可达成需求,
不过,希望文字能够有h1、h2...等等大小不同的文字,
一加入这些控制字体大小的标签後,
所有的文字又跑到图片下方了,
实在不清楚应当如何解决,也开始怀疑是不是方法错误,
恳请板上先进不吝赐教指导,谢谢:)
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 122.116.193.176
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1505703998.A.18F.html
※ 编辑: BIAO (122.116.193.176), 09/18/2017 11:08:03
1F:→ jhnny97: 所以说你的程式码呢? 09/18 11:57
程式码在此
--
<img class="alignnone wp-image-41"
src="
https://XXXXX.com/wp-content/uploads/2017/07/
e68e92e68e92e7ab99e79a84e4b880e5a086e89ea2e5b995.png"
alt="排排站的一堆萤幕" width="448" height="244" align="left"/>
<h1>Funny</h1>
--
j大您好,程式码提供给各位,总共是二行,
没加h1没问题,加了h1後「Funny」会跑到图片下方,
谢谢您。
※ 编辑: BIAO (122.116.193.176), 09/18/2017 14:13:20
2F:→ jhnny97: 没意外就字太大了吧,另外文章内文不要用h1~h6来调整大小 09/18 14:47
3F:→ jhnny97: h tag是用来标文章标题用的,部分浏览器会当成你开了新段 09/18 14:48
4F:→ jhnny97: 落,也可能造成排版跑掉,用<span>+class+css比较好 09/18 14:48
5F:→ BIAO: 原来如此,会用h1是因为直接点选WordPress的功能按键把字放 09/18 15:32
6F:→ BIAO: 大,再去查看html时就是h1,我就以为用h1在这里是正确的XD 09/18 15:33
7F:→ BIAO: 谢谢您的分享喔 ^^ 09/18 15:33
※ 编辑: BIAO (122.116.193.176), 09/22/2017 11:47:58
8F:推 miyabichiku: 用h1後跑到图片下面,是因为h1属性是block,他会占 09/23 00:56
9F:→ miyabichiku: 掉一整行的空间,跟字体大小没有直接关系… 建议你go 09/23 00:56
10F:→ miyabichiku: ogle一下inline和block的差别 09/23 00:56
11F:→ BIAO: 谢谢您的分享喔^^ 09/27 12:03