krfs.net
当前位置:首页 >> html5图片文字并排 >>

html5图片文字并排

如果你是用img引入图片的话,应该是可以并排的,那么没有并排的原因可能有: 1.你给img设置了display:bolck; 2.你的文字是用P标签包起来的,P标签是块状元素,会独占一行(在排除浮动和定位的情况下) 3.你的图片太大了把文字挤下去了 没有代码不知道你的具体情况,不过我觉得第二种最有可能了.如果还不是的话,请把代码复制给我看看,就是你的布局和css

要是使用的话,文字用包起来应该能并排,前提是img不能设置,display:block,文字也不要用包,因为是块元素,还有就是图片太大了的话会把文字挤下去,要是上面的都试了,那么就把文字和图片设置浮动.

<body> <table width="100%" border="0" cellspacing="0" cellpadding="0" > <tr> <td><img src="图片地址"></td> <td>需要的文字</td> </tr> </table> </body> 这样就可以并排了

具体步骤如下:1、在同一个div里,先书写一段代码,如下图所示,在这个代码中给dive设置宽度和高度,这时为了让文字有一个具体的范围.2、找到background,如下图示,在background的后面添加上图片作为这个的背景图案.3、之后在background后面加上url(),为了连接图片,在url里面写的就是背景图片的路径.4、可以根据个人喜好放入喜欢的图片,在这里路径一定要写对.5、这样,保存之后文字就会覆盖在图片的上面了.

float:left;

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> section{ width:790px; margin:0 auto; } .box{ float:left; display: inline-block; } p{ margin:0; } img{ width:340px; height:260px; }</style><

给图片添加一个浮动就OK 了.或者这样 定义图片一个层 文字一个层,统一添加向左浮动就可以了.另外也可以定义宽度,两个层的宽度相加只要不超出最大宽度即可. 本回答由网友推荐

<div class="test1"><div id=1><img src="../pic/123.gif" /></div><div id=2><p>123</p><P>234</P><p>345</p></div></div>这个放在 title之下 head这前<style type="text/css"><!--.test1 #1 { float: left;}.test1 #2 p { float: right;}--></style>

不同的ul设置不同的CSS样式就可以了.<style>.a {自己根据需要写}.a li{自己根据需要写}.b{自己根据需要写}.b li{自己根据需要写}</style><div class="a"><ul><li>A文字文字</li></ul></div><div class="b"><ul><li>B文字文字</li></ul></div>

可以再文字框里面输入<div style="position:absolute; left:100px; top:100px; width:100px; height:100px;"><img src="图片LINK"></div>其中 left,top都是调整位置的.你就在px前面输入数字好了

网站首页 | 网站地图
All rights reserved Powered by www.krfs.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com