站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:Wrapping Text Around Images
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
== 给图像加上说明 == 图像倾向于保持在原处,看起来很漂亮。<tt>alt</tt>和<tt>title</tt>属性显示了一些图像看起来是怎样的的信息,但是除了这个以外,除非你给图像周围添加了一些文字,否则图像仅仅地保持在原位。因此创建一个字幕形式,添加一些"趣味性。" <div style="padding: 1em; border: 1px dashed #2f6fab; color: Black; background-color: #f9f9f9; line-height: 1.1em"> <tt>.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }</tt> </div> 在以上的例子中,我们添加了一个边框和一点背景色,但是你可以将它设计成任何的你想要设计的形式。我们建议你,至少将文本的设置为不同的大小,并且给全部的容器加一个padding,这样可以将图像和文章内容的其它部分,区分开来。 <div style="padding: 1em; border: 1px dashed #2f6fab; color: Black; background-color: #f9f9f9; line-height: 1.1em"> <tt> <div class="caption right"><br /> <img src="/images/leaf.jpg" alt="leaf graphic" title="leaf graphic"> <br /> Red Leaf</div> </tt> </div> <div style="border:1px blue solid; width:40%; font-size:105%; padding:20px; margin: 20px">[[WordPress:Image:leaf.gif|frame|right|红色 叶子]]这是包围在叶子图像周围的文字,叶子图像有一个说明。如果你在文章中写关于叶子的内容,你可能想在叶子图片的下面有一个说明。说明在文本的下面,同时也帮助了用户了解图片是关于什么的。 在以上的例子中,我们只是将<tt>right</tt>级添加到container中,container会将它作为一个浮点放到右边上,允许文本在它的周围浮动。使用<tt>left</tt>分类,会将它浮在左边,<tt>centered</tt>文本效果,是文本和图像都处在中间。
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)