css中怎么让图片居右显示

html-css09

css中怎么让图片居右显示,第1张

css中怎么让图片居右显示?在css中,可以使用text-align属性让div内的图片居右对齐。下面小编举例讲解css如何让div中的图片居右对齐。1、使用div标签创建一个模块,在div内,使用img标签创建一张图片,设置div标签的class属性为mycss。

2、在css标签内,通过class设置div的样式,定义它的宽度为400px,高度为300px,边框为1px。

3、在css标签内,再将text-align属性设置为right,用于让div内的内容居右对齐,从而实现图片居右对齐。

4、在浏览器打开test.html文件,查看实现的效果。

1、首先找到一款html编辑器,如:打开DW软件,ctrl+n创建一个html文件,如题:使图片靠右,与文字不在同一行,找到一张图片,并且设置图片居右,文字另起一行写入:如下

详解:图片img设置的float:right靠右浮动,p标签在其下面,所以要加个清楚浮动的效果;样式中定义了clear也可以写成:<div class="clear"></div>效果是一样的;

图片靠右浮动,文字另起一行展示主要css属性用于:clear:both清除左右浮动,both换成left:清除左浮动,right是清除右浮动;不添加就会在底层展示;看着是在同一行实则不然,他们在两个层里展示的;

2、页面展示效果:如下

你的想法很多人都有过,但是CSS确实不好实现,我这里有些笨办法应该可以实现

0、css expression 可能能实现,但是只有IE支持,所以算了。

[/楼主PS:那还说个屁]

1、知道层的宽,知道背景图的宽....加减法 你懂得

[/楼主PS:靠死板]

2、用JS,获取图层宽,获取背景图宽,....加减法 你懂得

[/楼主PS:我都说了要CSS控制]

3、用两个层div1包含div2,div2离div1右侧10px,div2背景右对齐。

[/fzqiaoqiao:估计你不喜欢]

4、把图片右边做10px的空白,直接右对齐!

[/fzqiaoqiao:淫荡的笑]