跳到主要内容< / >

如何在CSS和HTML对齐图像

继续阅读,学习如何在CSS和HTML中正确对齐图像。"decoding=

继续阅读,学习如何在CSS和HTML中正确对齐图像。< / p >

图形布局帮助新手

想要在网页上对齐图像?需要并排的图形和文本?这个页面可以解决基本的图形和HTML问题。< / p >

我在许多年前写了这个教程,当时所有的网页都必须从头开始编写,使用HTML代码来分配段落、图像、字体和其他一切。< / p >

如今,像Hubpages、Blogger和Wordpress这样的网站都为我们提供了一个简单的文本编辑器,并为我们编写了所有的代码。但有时,我们仍然需要破解HTML并为自己编写代码。< / p >

提示:打印我的< a href = "http://www.istad.org/lenses/squidoo-tutorials/graphics-cheat-sheet.html" rel="noopener" onclick="return phoenixTrackClickEvent(this, event);" target="_blank">HTML图形备忘单< / >这一页上的大多数代码和技巧!< / p >

如何在网页上说“在这里放置图像!

HTML在网页中放置隐藏代码,标记哪些部分是文本、图像或链接。这些代码夹在括号中间<>你的网页浏览器知道这是为了它的眼睛。< / p >

在我们对齐一个图像之前,我们需要一个图像!把你的照片上传到像Photobucket这样的免费图片主机或你自己的网站上(如果你有的话)。然后找到图片的URL(在Photobucket上,它是“直接链接”;在Picasa上,点击“嵌入图像”,然后点击“仅图像-无链接”。)< / p >

一旦你有了图片的URL,使用下面的HTML代码说,“把图片放在这里”:< / p >

< img src = " http://www.example.com/image.jpg " >

用图像的URL替换引号中的部分。< / p >

但这还不够,因为……

HTML代码放置了一个图形,但没有对齐命令。如果没有它们,图形就会突出在你的文字上面,就好像它是一个非常非常大的字母。< / p >

例如,看看文本在这里是如何表现的:< / p >

下面是造成这种混乱的代码:< / p >

我的猫喜欢帮我的朋友琳恩盖被子。我的猫是夹被子的专家。她像这样伸开四肢:< img src = " http://www.example.com/cat-picture.jpg " >并按住织物。当然,缺点是被子上有猫毛。琳恩说这是突破。< / p >

你看到网页浏览器是如何处理这个图像的吗?就像一个巨大的字母,突出在其余的文本之上下来围绕它的句子是什么?这几乎没用。< / p >

向左或向右对齐图像

为了解决这个问题,你可以把图片放在它自己的段落中,左边或右边没有任何东西(可能除了另一张图片):< / p >

< p > < img src = "[URL]" > < / p >

另一种选择是告诉浏览器将图形一直推到左边或右边,并让文本填充在它旁边,就像右边的猫图形所做的那样。< / p >

这是你需要向右对齐图像的代码:< / p >

(黑体部分可选。)< / p >

那些官样文章是什么意思?让我们来分析一下。< / p >

  • < img…>是图像的占位符。
  • src = "…"告诉网络浏览器图像数据存储或上传的位置(它的位置,URL)。
  • 风格= "…"风格告诉网页浏览器一组叫做CSS的特殊代码(别管它是什么),它解释了你想要图像如何显示:它的大小,它的布局,它是否有边框,等等。还可以添加样式来设置文本的颜色、大小和字体。如果HTML是汽车的主要底盘,styles会告诉web浏览器汽车的喷漆工作,以及是否配备蓝牙或杯托。
  • 浮:正确;意味着将图像尽可能地向右移动。如果那里已经有一些东西(侧边栏,另一个浮动图像),那么这个图像将挤到它的左边。这就是并排平铺图像的方法。你也可以浮:左;为了使图像的行为像这段文字一样:它们将从左侧边缘开始,然后在列中从左到右平铺,直到耗尽空间,然后流向下一行。
  • margin-left而且margin-bottom是可选的。他们在图像的左边和下面添加了一点空边界(px表示“像素”),这样就不会把东西挤在它前面。如果您将图像向左浮动,则可能应该包含一个右边距在这里添加填充。

非常重要:要关闭“FLOAT”,使用以下命令:

你为什么要这么做?如果一个图像是提出一直到右边或左边,无论你写什么,都会试图在它周围填充。例如,上面的文字填充在猫的图片周围。< / p >

如果你想要下面的段落填充在浮动对象旁边,则需要使用清晰的命令在页面上画一条看不见的水平线,表示“这之后的所有内容都必须从浮动图像下方的新段落开始。”

你知道怎么做这样的链接,对吧?< / p >

HTML代码:< / p >

< a href = " https://discover.hubpages.com/sports/jackierobinson " >链接到我的Jackie Robinson文章< / >

换句话说,< a href = "链接到这里">可点击的文字< / >

在HTML代码中创建链接。< / p >

这是一个文本链接。网络浏览器会让你输入图像代替可点击的文本!< / p >

是这样的:< / p >

< a href = "目标url" >< img src = "imageURL> < / >

或者像这样,如果图像有某种风格设置来微调它:< / p >

< a href = "目标url" >< img src = "imageURL" Style ="align: left;margin-right: 10 px;margin-bottom: 10 px;“> < / >

如何居中图像或标题

将图形(或任何文本)居中最简单的方法是在它周围放这个:< / p >

< p align =中心>< img src = " imageURL " >< / p >

这使得包含图像的段落(包括后面的空行)成为一个段落。< / p >

这是一种老式的方法,但仍然有效。< / p >

代码大师说我们应该这样做:< / p >

< img src = "imageURL" Style ="margin: 0 auto;" >

为什么?因为大约十年前,代码大师们意识到HTML(括号里的东西)应该是用来显示事物的,比如图像或段落,而CSS (style="blah" stuff)应该是如何显示事物的。< / p >

问题是,ie浏览器已经过时了,它直到IE9才学会如何自动边距。我认为大多数人现在已经升级到9,所以你现在应该使用“正确”的代码。< / p >

将图片下的标题居中的HTML代码

对不起,代码大师们。我被困在1999年,但这仍然有效。< / p >

< p align =中心>< img src = " imageURL " >< br >标题在这里< / p >

< br >是换行符。< / p >

标题可以包括一个链接:< br >< br >< p align =中心>< img src = " imageURL " >< br >< a href = " LinkURL " >可点击的文字< / >< / p >

一张猫的照片。毕竟,这是互联网。"decoding=

一张猫的照片。毕竟,这是互联网。< / p >

如何在对齐的图像下添加标题

之前,我向你展示了如何< a href = "//www.ushhc.com/stem/graphics-layout">居中图片下方的标题< / >使用HTML。但这是我最常使用的布局技巧:在图形下放置左对齐或右对齐的标题!< / p >

诀窍在于Web浏览器认为段落是盒子形状的区域。默认情况下,它们是整个列的宽度,但您可以使它们更窄。然后你可以把它们并排放在一起。< / p >

一个框(段落)可以包含任何东西:图片,文本,你能想到的!包括标题。< / p >

那么,如果我想要制作一张一直到右边的图像,并带标题呢?下面是实现这一点的HTML代码:< / p >

< span style=" font - family:宋体;宽度:200 px;margin-left: 5 px;margin-bottom: 5 px;Text-align: center: font-size: 8pt;" >< img src = "imageURL"风格="width: 100%;">标题在这里< / p >

在这里写一堆文字。它会填充在浮动段落的左边。< / p >

让我来解释一下它是如何工作的

你说什么?< / p >

让我们慢慢来。< / p >

  • < p风格= "……" >的东西< / p >这是段落的容器。在这种情况下,“东西”是图像加上它的标题。
  • 宽度:200 px;段落宽度(以像素为单位)。设定段落宽度与图像的宽度相同,单位为像素。或者,您可以通过指定段落宽度新兴市场——字母m的宽度——或者in%,列的宽度。(在这种情况下,最好使用与页边距相同的单位;见下文)。
  • 浮:正确;将段落一直向右推。
  • 可选保证金命令在段落的边界框的左侧和下方放置一些空白,因此无论它旁边的是什么,都会给它留出一点空间。
  • text-align:中心;确保标题位于图像下方居中。
  • 字体大小:是可选的,但我喜欢把它设置为9pt,比正文文本要小一点。

注意到我做了图像的style=命令指定其宽度为100%。100%什么?包含它的段落。由于图像将收缩或拉伸以匹配包含它的段落的宽度,因此没有任何空间用于标题旁边图像,这样部队图片下方的说明。< / p >

如果有必要,在图像的样式代码中,您可能还想给图像本身一个margin-bottom: 5 px;或者类似的东西,把标题往下推一点,让它不那么紧贴图片底部。< / p >

您是否试图在图像下放置一张照片,并且您需要标题包括一个可点击的链接?然后,在“标题转到这里”区域,执行以下操作:< a href = " LinkURL " >可点击的文本在这里< / >

如果你想让图片和它的标题在左边,上面所有的工作都是一样的。只要换成浮:左;和改变margin-leftmargin-right

如何缩放/调整图像:样式的宽度或高度

你的网页浏览器可以将图片缩放到不同的大小。< / p >

旧的方法是以像素为单位指定图像的尺寸:< / p >

太好了。但现在,人们可能在一个小小的智能手机或一个巨大的电脑显示器上浏览网页,他们有完全不同的像素数!< / p >

这意味着我们必须聪明。而不是使用像素作为我们的单位,我们应该使用一个单位缩小或扩大整个页面的规模。

这意味着百分比(列的)或EM(字母EM的宽度)。< / p >

Percent最适合用于并排布局。

但由于实际的网页滚动屏幕的顶部和底部,垂直维度有点棘手,以百分比来指定。这时我开始使用ems代替。m还是m,即使它转了90度。< / p >

花哨的东西:CSS背景图像

用CSS风格:背景图像,任何图像都可以平铺为任何网页元素的背景。我们通常在段落中使用这个技巧,但它也适用于列表、标题等。< / p >

代码如下:< / p >

< span style=" font - family:宋体;填充:1 em;颜色:白色;" >

填充和颜色是可选的。颜色是字体颜色。填充可在文本边缘和段落边界之间留出一些空间(新兴市场表示字母“m”的宽度;还可以指定填充px,像素)。< / p >

不幸的是,背景图像经常使阅读文本变得困难。有时即使改变文本的颜色(参见下面的代码)也无济于事。< / p >

有时你只希望背景图像向一个方向平铺。在style="…"命令中,您可以添加以下内容:< / p >

  • 平铺方式:repeat-x;水平(瓷砖)
  • 平铺方式:repeat-y;垂直(瓷砖)
  • 平铺方式:不再重演;(如果你不希望图像平铺)。

亚马逊重点报道:学习CSS的简单方法——我为我妈妈买了这本书

如果你觉得有用,请分享和/或评价本页!< / p >

©2008 Ellen Brundige

留言板

海蒂2017年3月10日:< / p >

你的信息很丰富。非常感谢你为像我这样的初学者提供了这么多有用的信息。< / p >

爱默生卡瓦略2016年12月9日:< / p >

出色的!< / p >

艾尔谢赫2016年9月11日:< / p >

优秀的文章!非常有用的。非常感谢< / p >

克劳迪娅·汤普森2016年8月17日:< / p >

关于在对齐文本下放置标题....的部分< / p >

你有这个:< / p >

你在这里犯了一个错误:< / p >

中心:< / p >

而不是< / p >

中心;< / p >

我知道这一点,因为我刚刚尝试过,哈哈!< / p >

卡希夫2015年8月18日,巴基斯坦拉瓦尔品第:< / p >

非常有益的。< / p >

也读< / p >

http://entertainment7899.blogspot.com/2015/08/how-..。< / >< / p >

TTGReviews2015年1月27日:< / p >

你说“没有任何联系”是什么意思?< / p >

此外,对于网页设计领域的业余爱好者来说,这是一个很好的资源,可以了解HTML格式的一些基础知识,但它只涉及CSS格式。< / p >

杰基2014年9月15日:< / p >

这不是我最喜欢的教程,非常令人困惑。关于如何使图像链接的部分?首先,你的“如何制作一个可点击链接的图像”没有链接到任何东西,其次,你说“你知道如何制作这样的链接,对吧?”但如果我不知道该怎么做呢?请不要以为你知道我知道的和我不知道的!< / p >

tammywilliams092013年8月1日:< / p >

伟大的工作!简单易懂。谢谢。< / p >

LaptopLeader2013年6月7日:< / p >

谢谢你的信息。这对我很有用。:)< / p >

Snakesmum2013年6月4日:< / p >

由于HTML和CSS不是我的强项,所以添加了这个页面以供将来参考。< / p >

谢谢你写这篇文章。: -)< / p >

PaigSr摘自2013年5月7日的《混乱状态》:< / p >

我找到了一个我想马上试试的。其他将在稍后添加。谢谢。< / p >

Margot_C2013年4月18日:< / p >

你的小费很管用。我用过几个,它们总是像宣传的那样工作。谢谢。< / p >

1800年loanstore2013年4月1日:< / p >

谢谢,我一直在试图弄清楚如何定位我的元素现在一段时间。< / p >

SouthernSailor2013年3月28日:< / p >

这个页面帮了我很多。非常感谢这些简单易懂的基本指令,让任何人都能上手使用HTML。< / p >

Snakesmum2013年3月15日:< / p >

希望我在很久以前就发现了这个-将使它更容易在网站上对齐图像。< / p >

艺术的灵感2013年3月11日:< / p >

谢谢你分享你的知识并帮助别人。让它成为美好的一天!< / p >

匿名2013年2月22日:< / p >

谢谢你的伴侣。非常足智多谋的帖子,每个人对HTML知识很少。再次感谢。< / p >

XHTMLJunction LM2013年2月11日:< / p >

我很高兴能读到这篇文章!谢谢你给我们提供这些有用的信息。神奇的演练。我很欣赏这篇文章。< / p >

菲利斯塔斯2013年1月22日:< / p >

谢谢。到目前为止,我只使用了你的一个技巧,它已经有帮助了。< / p >

mishraashish2013年1月19日:< / p >

很棒的文章,非常有用。非常感谢!< / p >

iortizvictory2012年12月20日:< / p >

我真的很喜欢你的设计。画面太棒了!谢谢你提供这么好的资源!< / p >

匿名2012年12月13日:< / p >

哇,这真的很有用。我在上中学,我们正在学习HTML编码,我想学习图像。感谢希腊极客< / p >

苹果白兰地2012年12月7日:< / p >

@mythphile:根据我的经验,Wordpress的CSS比Squidoo更容易编辑。一些很酷的WP代码确实很漂亮,但不能在Squid中完美运行。你说得对,鱿鱼今天做出了改变。仪表盘和车间与以前不同。希望这个编辑将修复一些CSS问题,并支持HTML 5:D< / p >

艾伦·布伦迪奇(作者)2012年12月7日,美国加州:< / p >

@applejacking:没错。这篇文章写于2007年,虽然我对它进行了一些更新,但我的HTML/CSS知识可以追溯到手工编码的时代。< / p >

像Blogspot, Wordpress和Squidoo这样的网站允许我们使用一些代码,但不允许使用其他代码,有时还会用他们的代码覆盖我们的代码。我们需要进行一些实验,才能找出适合不同第三方出版网站的方法。< / p >

不幸的是,Squidoo今天刚刚完全改变了这个网站的布局,并引入了大量的布局故障;现在我们都在到处修复HTML和CSS,试图修复混乱!< / p >

苹果白兰地2012年12月7日:< / p >

非常感谢。我认为这与Wordpress或Blogspot平台的CSS代码略有不同。< / p >

oddobjective2012年11月27日:< / p >

很棒的信息…< / p >

MakeHairBows2012年11月18日:< / p >

非常感谢你的简单和简单的遵循指示。这对我帮助很大。< / p >

windblowertm2012年11月17日:< / p >

很棒的文章,非常有用。非常感谢!< / p >

理论物理学家朱迪思2012年11月16日,加拿大不列颠哥伦比亚省维多利亚州:< / p >

如此棒的资源!谢谢:-)< / p >

一蒙德斯2012年11月9日:< / p >

这节省了我很多时间,谢谢。< / p >

sibiana2012年11月5日:< / p >

伟大的资源,喜欢和书签< / p >

Spletni Delavec2012年11月2日:< / p >

太好了。我会回来的:)< / p >

匿名2012年10月26日:< / p >

谢谢你的解释对我帮助很大。< / p >

ZionAmal2012年10月21日:< / p >

哇,写得好。< / p >

真的帮了我很多< / p >

dellgirl2012年10月17日:< / p >

我很高兴我又找到了这个,我以前喜欢过这个。它是如此有用和信息丰富。你真的让它很容易理解和应用,我一定要尝试其中的一些。谢谢你分享这么好的资源。*被SquidAngel祝福*< / p >

violet-sky-392012年10月9日:< / p >

这么有用的教训……< / p >

匿名2012年10月9日:< / p >

你的课真的很有用。< / p >

艾伦·布伦迪奇(作者)2012年10月1日,美国加利福尼亚州:< / p >

不同的网站有不同的选择。< / p >

在Squidoo上,我们必须使用CSS。如果我们使用Squidtools.com上的“项目框构建器”之类的工具,我们可以自动生成代码,但我们仍然必须粘贴CSS代码。< / p >

如果你用像Wordpress这样的软件建立自己的博客,它会为你自动化这个过程,所以你只需要上传图片并输入说明。同样,CSS实际上是添加到你的网页上的——CSS是一组命令,告诉网络浏览器如何在页面上显示内容——但大多数博客软件都隐藏了它。< / p >

对不起,我有点累了,不确定这是否有意义!< / p >

匿名2012年10月1日:< / p >

有没有办法在没有CSS的帮助下在Html图像下添加标题?< / p >

请帮帮我!< / p >

温迪·琳恩2012年9月28日,美国德克萨斯州:< / p >

今天我不得不停下来复习一下如何让我的图像可点击。谢谢。< / p >

* ~祝福~ *< / p >

ctmom12012年9月24日:< / p >

谢谢,这正是我需要的。偏离中心的照片让我抓狂。我在这里找到了我需要的东西!书签!< / p >

TheBLU262012年9月23日:< / p >

我一直很依赖这个!非常感谢这个直观而有用的教程!感谢!< / p >

Srena442012年9月12日:< / p >

非常好的信息,谢谢分享< / p >

AstroGremlin2012年8月28日:< / p >

@mythphile:有道理,希腊怪才。右击就是这个键。非常感谢!< / p >

艾伦·布伦迪奇(作者)2012年8月28日,美国加利福尼亚州:< / p >

媒体库应该起作用!你可以在任何地方上传;关键是,你需要能够右键点击上传的图片,以获得其确切的URL,然后将其插入上面示例中的代码。< / p >

我希望这是有意义的!< / p >

AstroGremlin2012年8月27日:< / p >

好吧,这太棒了,希腊极客。我有一个关于如何调用存储在网站上的图像的问题。假设我在自己的域名上有一个WordPress博客。我应该在哪里“停放”一个映像以确保命令能找到它?在媒体图书馆或??我希望你能回复。你的智慧令人震惊。< / p >

mouse1996 lm2012年8月23日:< / p >

伟大的信息。非常有用。< / p >

匿名2012年8月11日:< / p >

这正是我一直在寻找的技巧,非常感谢你的分享!< / p >

MrMojo012012年8月11日:< / p >

我已经使用HTML很多年了,但仍然在与CSS作斗争。谢谢你的文章!< / p >

艾伦·布伦迪奇(作者)2012年8月9日,美国加州:< / p >

@AdeelAthar LM:没有小部件,我只是把这些代码放在一个文本模块中。别忘了点击保存。< / p >

如果你是这么做的,那我不知道是怎么回事,对不起!< / p >

LaurisB LM2012年8月3日:< / p >

我一直在想这些事。这太有用了!谢谢你!< / p >

阳光明媚的赛博2012年7月13日:< / p >

非常有用的. .谢谢< / p >

cgbroome2012年7月9日:< / p >

谢谢你提供的信息。现在我要去学习如何把它付诸实践!< / p >

艾伦·布伦迪奇(作者)2012年7月7日,美国加州:< / p >

很抱歉我没能帮上忙——希望你现在已经找到答案了!我的故障留名簿不让我查看你正在使用的代码,所以我不能排除故障。< / p >

有时候,博客或网站的内置样式可能会覆盖你手动设置的格式。< / p >

coetzeevictor2012年6月28日:< / p >

伟大和有用的教程。信息量很大,很容易理解< / p >

一蒙德斯2012年6月24日:< / p >

你的教程太好了!< / p >

本Z982012年6月20日:< / p >

谢谢!现在我在写我的网站方面又向前迈进了一步< / p >

匿名2012年6月19日:< / p >

似乎是伟大的信息,但它不会改变我的照片的位置,无论我做什么。是因为那个设计CSS表的人。< / p >

现在我输入< / p >

如果我加上etc…这不会改变任何事情。任何的想法< / p >

simoza01 lm2012年6月16日:< / p >

这正是我一直在寻找的一些建议。非常感谢……< / p >

jillian222012年6月10日:< / p >

非常有用-我将经常回到它作为参考。如何编写一个应用程序< / p >

ravedid2012年6月6日:< / p >

很好地解释了需要什么-很棒的建议谢谢< / p >

卢马丁2012年6月4日,来自佐治亚州亚特兰大:< / p >

谢谢你的这些建议!< / p >

GilliansCloud2012年5月25日:< / p >

哇,我一定会回来复习的。我想知道如何有更好的图片放置在模块。谢谢!< / p >

艾伦·布伦迪奇(作者)2012年5月22日,美国加利福尼亚州:< / p >

@LynetteBell:这太复杂了,所以我制作了一个单独的教程……看看这是否有帮助(链接到代码模板):< / p >

//www.ushhc.com/stem/how-to-align-images-sid..。< / >< / p >

如果你不需要链接,就把这部分去掉。你可以把宽度从180像素增加;只要确保你增加了相同数量的段落和图像的宽度。< / p >

magictricksdotcom2012年5月22日:< / p >

谢谢你!尤其是关于如何在照片下使用知识共享图片的说明。我一直纠结于这个问题。感谢。< / p >

LynetteBell2012年5月21日,新西兰克赖斯特彻奇:< / p >

你如何把两张或更多的图片和标题下的每一张图片?< / p >

Millionairemomma2012年5月19日:< / p >

很有帮助。< / p >

匿名2012年5月18日:< / p >

谢谢你通过你的镜头帮助完善了很多事情。非常感谢。< / p >

samsipet2012年5月16日:< / p >

对于像我这样的人来说,这个页面是一个必须的书签。非常感谢!< / p >

芭芭拉•沃尔顿2012年5月14日,法国:< / p >

挣扎在html和找到最简单的方法只是保留文本库和剪切和粘贴。我知道懒惰。节省了很多,非常感谢。< / p >

艾伦·布伦迪奇(作者)2012年5月11日,美国加利福尼亚州:< / p >

@lclchors:不,不幸的是,Squidoo不支持嵌入式内容。(它很容易植入恶意软件或与Squidoo不兼容的东西。)< / p >

匿名2012年5月3日:< / p >

非常有用的< / p >

匿名2012年4月17日:< / p >

谢谢你! !我正在为我的ITE 130课程做一个网络项目,我发现了你的页面,它对我帮助很大!你太棒了!感谢您发布此页面!!!!!!< / p >

russiangifts2012年3月31日从美国发出:< / p >

谢谢你用这么简单的方式解释一切(即使我也几乎什么都懂:-)< / p >

cao2fine2012年3月25日:< / p >

谢谢分享,我会经常参考的!< / p >

xmen882012年3月10日:< / p >

伟大的网站。我从中学到了很多。< / p >

lclchors2012年3月8日:< / p >

伟大的网站。有没有办法在Squidoo中发布一个嵌入src ?< / p >

匿名2012年2月25日:< / p >

谢谢你的css技巧。< / p >

匿名2012年2月20日:< / p >

很棒的建议,对我很有帮助。谢谢< / p >

juliemac10122012年2月17日:< / p >

谢谢你的提示-我用它作为右对齐图片下的标题,它工作了!< / p >

StaCslns2012年2月16日:< / p >

哇,这太有用了!谢谢你!你让我很容易理解。< / p >

notedbybarb2012年1月6日:< / p >

感谢你提供的这些精彩且非常有用的教程。你能分享真是太贴心了。< / p >

琳达·波格2012年1月4日,美国密苏里州:< / p >

对任何人来说都是极好的资源。我知道CSS和书签这个镜头。SquidAngel祝福!< / p >

williemack582012年1月3日:< / p >

奇妙的信息,对于一个新的乌贼来说有点压倒性,但我相信在一段时间内它会成为第二天性。< / p >

IslandsTropicalM2012年1月2日:< / p >

非常有用的技巧,谢谢分享< / p >

jadehorseshoe2011年12月24日:< / p >

我新的完美“小抄”。谢谢。< / p >

肯·帕克2011年12月11日,华盛顿州塔科马市:< / p >

对齐图像可能是棘手的,但你使它非常容易。不错的工作< / p >

redleafloans2011年11月24日:< / p >

谢谢你的指导。我对CSS和HTML有点陌生,所以这肯定会帮助我很多…:)< / p >

维姬2011年11月16日从美国发出:< / p >

这里有很好的信息!我在调整照片下的说明文字时遇到了麻烦。我会试试你的代码。非常感谢你分享你的CSS &超文本标记语言像往常一样,你的教程是一个巨大的帮助!非常感谢你分享你的技术专长,希腊极客!< / p >

LadyLovelace LM2011年11月14日:< / p >

我只是顺道来谢谢你;在我在Squidoo工作期间,你给了我很大的帮助(我相信还有很多人),我很感激。< / p >

娜塔莉罗伊2011年11月10日来自法国(加拿大外籍人士):< / p >

非常感谢你的所有教程,每一个都很有用。大多数都是书签(因为我们失去了收藏夹),每当我需要对我的页面做一些事情的技巧时,我总是先检查这里。< / p >

goo2eyes lm2011年11月8日:< / p >

我一定会用这个做镜片。谢谢分享!< / p >

ciwash2011年11月8日:< / p >

我所有的文章都在用你的文章。我只是想对你在HTML上所做的精心编写和全面的工作表示感谢。做得很好。< / p >

匿名2011年11月2日:< / p >

谢谢你的建议。我相信我将来会用到这些。< / p >

艾伦·布伦迪奇(作者)2011年10月26日,美国加利福尼亚州:< / p >

@fastcard:把它放在一个文本模块中。:)< / p >

艾伦·布伦迪奇(作者)2011年10月20日,美国加利福尼亚州:< / p >

啊,有一个问题我可以回答!开始下一段< / p >

说"别让任何东西浮在这旁边"< / p >

匿名2011年10月20日:< / p >

我有一个带有float:right的图像,我想在它下面开始下一段,但像往常一样向左对齐,在左边的文本和右边的图像上方留下空白。< / p >

Morgannafay2011年10月18日:< / p >

希望我的炫酷作品不会因为你而显得傻傻的。哈哈谢谢你,希腊极客!我差点对着我的电脑尖叫,因为我不能把我的图片字幕放在我照片的底部。它总是想要走我试图放在它旁边的文本的路。< / p >

Mickie哇2011年10月18日:< / p >

我同意其他人的观点:你对对齐图像的说明简单易懂。再次非常感谢你(我经常回到你的“如何”页面)。< / p >

KarenCookieJar2011年10月9日:< / p >

感谢这个简单易学的教程!我一直想给图片添加边缘,现在我知道怎么做了!< / p >

Baidu