用DIV、css网页布局时、在一个div里面分别放入图片和文字、怎么样使文字靠在图片的右边?

像普通的图书网站、一般是有图书的照片和旁边的书籍名、书籍介绍、作者、出版社、怎么样使旁边的书籍名、书籍介绍、作者、出版社、靠在图书的照片旁、事先声明一点、在一个div里面做的哦、   我每次做的都是文字在图片下面、无论怎样都不会靠在图片旁

给images float:left;
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-07-27
文字或者图片使用浮动! 不懂的可以Q我本回答被提问者采纳

用div+css如何让字靠右对齐
可以用“text-align:right;”让文字靠右对齐。1、新建html文档,在body标签中添加div标签,为div设置一个id,这里以“demo”为例:2、在div标签中添加文字,然后为div标签设置宽高和边框,这时默认情况下文字靠右对齐:3、为div添加“text-align:right;”,其中“text-align”指的是文本对齐方式,“rig...

div+css文字环绕图片,但是图片要在文字的右下角
可以设置其CSS属性vertical-align。vertical-align属性可设置元素的垂直排列。img.top {vertical-align:text-top} 引用这个CSS可以解决你的问题。可以参考CSS帮助文档:http:\/\/www.w3school.com.cn\/css\/pr_pos_vertical-align.asp 里面有实例,一目了然。如还有什么疑问,请留言!楼主关心下帖子,问题是否...

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

通过CSS+DIV怎么将文字写在图片上方
1. 将文字浮在图片上我们加个div把图片和文字包在一起,并且加上img-group和img-tip这两个class,便于后面的处理。我们要让文字浮在图片上面,需要加上定位。看文字浮在了图片的底部。display: inline-block;与定位无关,只是使整个.img-group长宽与图片适应。2. 文字与背景处理文字左对齐,我们把文...

div 加 css 中怎么实现 左边是图片 右边是文字 且文字可以自动换行...
你好 可以先给图片一个左浮动 float:left ;使其图片浮动到左侧 然后div也给一个左浮动 float:left ;让其div浮动到图片的右侧(未知总的div的宽度 不建议使用右浮动)这样定位就完成了 下一步设置字体的自动换行 word-wrap:break-word;word-break:break-all 然后直接设置margin就行了 ...

在html里图片和文字同时在同一个div里怎么让图片浮动到图片的上面
将DIV的position设置为relative,利用绝对定位实现同级元素叠加,也可以用Float浮动让文字叠加在图像上方 1 2 3 4 <div style="position:relative"> <img src="" \/> <span style="position:absolute; left:0; top:50%;">这里显示文字<\/span> <\/div> 本回答由电脑网络分类达人 化晓峰 推荐 举报| 答案纠错 ...

css文字和图片并列(css设置图片与文字间隔)
求CSS图片与文字并排的代码1、你好,将图片和文字分别放在两个diy中给两个div分别设置样式float:left希望能够帮到您,感谢您的采纳。2、首先,打开html编辑器,新建html文件,例如:index.html。在index.html中的标签中,输入css代码:img{float:left;}。浏览器运行index.html页面,此时div标签中的左侧...

DIV+CSS实现左边图片右下边文字的效果
先设置两个div的浮动,然后设置第二个有文字的div的margin-top,或者是设置第二个div的高度跟行高,比如div高度为100,那么行高大概为div高度的2倍-字体大小,前提是每张图片的高度都是一样的

在html里图片和文字同时在同一个div里怎么让图片浮动到图片的上面
<style type="text\/css"> \/*div1下面 包含着1个图片和1段文字*\/ #div1{ position: relative;\/*相对定位*\/ width: 267px; height: 140px; } \/*图片部分的设置*\/ #img1{ \/*position: static;默认定位,可以省略*\/ width: 100%; height: 100%; } \/*文字的设置*\/ #span1{ position: absolute;\/...

html怎样在图片右侧写文字
1、首先先准备图片素材和文字语言。2、添加CSS样式修饰,最外面的大框添加宽度居中。3、现在的图文是这样排版。4、想要将图文左右排版,无非是定位或者浮动,对图片块和文字块都添加了浮动效果后。5、如图添加浮动后,文字部分因为文字太长超出了他所用那的范围,所以被挤到到了下行的右侧。6、这时候...

相似回答