在css+div中,不知道怎么使文字跟图片一样高度,还有文字怎样竖列在图片两边

如题所述

最好给个图,说明你想要的效果

根据字面意思,给出这种解决方案,看看是否合用

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.box {
  width: 400px;
  display: flex;
  align-items: center;
}
</style>
</head>

<body>
<div class="box">
  <p>我是左边文字</p>
  <p><img src="images/20150813115845612.jpg"  style="width:150px" /></p>
  <p>我是右边文字</p>
</div>
</body>
</html>

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-10-27
你先用楼上的方法把左边文字,图片,右边文字 摆出来,然后可以用margin来调他们的位置

用DIV+CSS布局中,如何设置图片与文字在同一高度?高手请进..
图片和文字是在一个div标签里,很明显给图片一个右浮动就可以了;里面的文字放在<img>下面;可以放在p标签里(不能放在块类标签里如div,table..);问题四(什么时候才用表格呢,)其实呢div也是可以完成table的效果的;但会麻烦些;如果你喜欢那么你可以都用div打造;一般来说很明显的表格样子我们会用一下表...

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

div加css怎么使图片和文字并排显示 并使文字上下对齐
} 这里你定义了距离左边240px,也就是left:240px这一句。把它去掉或者注释掉即可。

如何在div+css中字体方向为竖排?
1、首先打开hbuilder软件,新建一个html文件,里面写入一个div并设置class属性,在上方耳朵style标签中设置body标签的背景色,方便后面观察效果。2、然后设置class的样式,这里给div一个比较小的宽度并设置行高和边框,然后设置word-warp属性,该属性表示允许长单词换行到下一行,再设置一下letter-spacing调整...

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

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+css时,常感到混乱,主要是因为需熟悉语法和标签。缺乏明确实施方向导致不知从何入手。建议从局部开始学习,如设置包含标题列表和背景图片的层样式,熟悉css元素、作用、使用方法和div+css属性。接着,构建网页框架,将页面分割为部分,确保布局无错位。使用不同的背景颜色测试效果,确保框架正确...

CSS中,如何将文字和图片在一条线
图面的大小和文字如果不是一样大小的话有可能会出现这样的问题。你可以给图片增加一个style="margin-bottom:-4px";你可以按照你的实际图片效果来调整-4px的值。

css+div怎么样可以让文字四周环绕图片?
<style> div { width:300px;border:1px solid green } img { float:left;width:120px;height:120px } <\/style> <\/head> <body> <div> <img src="img.gif" alt="图片" \/> 文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕...

css怎样让文字整体缩进和图片对齐,图片是居中了的,如图
可以把图片和文字放到一个div中,然后让div进行居中即可

相似回答