html中文字环绕图片的样式怎么写,图片在左边文字在右边,(我的图片样式是在CSS里面写的)

一下是我的代码。初学者 帮写一下样式在哪里添加

<div class="tupian1" ><img src="<?php bloginfo('template_url'); ?>/images/tu1.png" ></div>
<div class="wenzhang1 STYLE1" >
esProc represents a broad category of OLAP tools especially for complicated structured data processing. It restores the true meaning of OLAP, which is reflected in the following aspects: First, it does not require pre-data-modeling for your analysis goal, breaking the limitations of traditional OLAP and allows users to freely conduct bound-free data analysis. Besides, esProc can conveniently reference
<div class="Layer1more"><a href="#">More...</a></div>

css样式:
.tupian1{margin-left:3px;margin-top:10px;width:112px;height:104px;float:left;}

<div>
<img src="相对路径/tu1.png" style="float:left;">
esProc represents a broad category of OLAP tools especially for complicated structured data processing. It restores the true meaning of OLAP, which is reflected in the following aspects: First, it does not require pre-data-modeling for your analysis goal, breaking the limitations of traditional OLAP and allows users to freely conduct bound-free data analysis. Besides, esProc can conveniently reference
</div>
然后适当修改文字样式就行了追问

我这么写的 还是不好使啊。。

/images/tu1.png"style="float:left;">
esProc represents a
More...

追答

tupian1的css和wenzhang1 STYLE1是css发过来看看

追问

.tupian1{margin-left:3px;margin-top:10px;width:112px;height:104px;float:left;}
.wenzhang1 {float:left;margin-top:8px;width:231px;margin-left:7px;}
.STYLE1 {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #4c4c4c;float:left;}

追答

文字不做向左浮动限制 就是说把限制文字的css里的float:属性去掉就行了 如果没看错的话你的是wenzhang1里css限制了文字向左浮动 去掉应该就好了

温馨提示:内容为网友见解,仅供参考
第1个回答  2012-08-22
你把图片和文章放在同一个div里面,在让图片向左漂浮就可以了追问

你帮我写一下吧,我现在都弄蒙圈了

html中文字环绕图片的样式怎么写,图片在左边文字在右边,(我的图片样 ...
<\/div> 然后适当修改文字样式就行了

CSS代码如何设置图片周围字体环绕
实现文字环绕效果需要先设定float的参数,如果图片需要左对齐设为left,若右对齐则为:right。此外,我们还可以根据需要设置图片和文字间隔的空间,同样适用CSS的padding。工具原料:编辑器、浏览器 1、实现文字环绕图片的效果代码如下:<head> <meta http-equiv="Content-Type" content="text\/html; chars...

css 怎么不叫文字围绕图片?就是左面是图片右边是文字,当文字多了就跑到...
he{width:300px; height:300px; border:1px solid #000000;} img{width:200px; height:200px; float:left;} <\/style> <body> <div id="he"> <img src="\/logo.gif" \/> 我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字...

关于div+css实现文字环绕图片的问题
HTML代码如下:<div class="wrap_area"> <img src="wrap-subject01.jpg" class="no_border" alt="Lunar eclipse photo" \/> <div class="shape_wrap"> <div style="width: 250px;"><\/div> <div style="width: 280px;"><\/div> <div style="width: 305px;"><\/div> <\/div> <p>N...

怎样利用div和css设置图文环绕效果,图片在右上角,四周是文字介绍,
<div style="width:300px"><img src="00ee1b45567cd3c99e7a8e654617e374.jpg" width="100" height="100" align="left" \/>讲述了傅红雪在复仇之路上遭遇种种危机和磨难,2012版电视剧《天涯明月刀》改编自古龙同名武侠小说,经受了善与恶、爱与恨、忠诚与背叛的重重考验,在叶开、周婷和明月...

图片左边文字右边,文字超出另起一行,怎样css
div+css实现图片居左,文字在右侧环绕图片,如下:设置图片(img) 靠左对齐,float:left; 然后在同一个区域下,把相关的文字输入上去即可;如果文字超出图片的高度(height),就会从新另起一行;希望我的回答对你有所帮助,如果还有其他疑问请继续追问我;...

如何用css实现文字三面环绕图片
<html> <head> <style type="text\/css"> img { float:right } <\/style> <\/head> <body> <p>在下面的段落中,我们添加了一个样式为 <b>float:right<\/b> 的图像。结果是这个图像会浮动到段落的右侧。<\/p> <p> <img src="\/i\/eg_cute.gif" \/> This is some text. This is some...

HTML+CSS如何实现文字环绕的效果
按照下面这种代码格式,就可以设置成你想要的效果,css根据需要设置段落格式,图片大小也可以通过里面的div设置 <div> <div><img><\/div>文字 <\/div>

网页中图片如何设置文字围绕?
角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。<\/div> 2、用CSS实现文字环绕图片的效果 以下是引用片段:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd"> <style> div { width:300px;border:1px ...

用CSS+DIV如何做出文字环绕图片左右的效果?
给图片加一个 float:left属性 然后在最后一个div后边加一个clear:both;

相似回答