★SEOWHY系统培训,第六期报名进行中★★★周三:百度是否更新了你的收录量?★★通过SEO创业的赢利模式
发新话题
打印

[帮我分析] 高分求救,css精通者请进。

高分求救,css精通者请进。

我想要的效果是这样.

但是我弄出来的效果是这样

看我的代码:
HTML部分:
<div id="zuoyi1">
<img src="imgs/1.1.jpg" />
沉浸于一种完美的生活空间,聆听一种来自于未来的美妙声音,一个汇聚家具盛宴的约会,让我们打开佳家带来的温婉、时尚……
</div>
CSS部分:
#zuoyi{
background-image:url(../imgs/1.jpg);
background-repeat:no-repeat;
width:275x;
}
#zuoyi img{
padding-top:35px;
padding-left:15px;
}
问题,有什么办法可以达到我想要的结果,为什么文字超过长度不自动换行.
   急了,不然又要加班了
附件: 您所在的用户组无法下载或查看附件
09年希望找到好工作、加入好团队、大家加油一起『牛』一把.
应该在html部分改下,你把html代码也贴出来啊!
http://www.wqshnet.cn 吴桥生活网

回复 2# zhangpei812 的帖子

贴出来HTML代码..
如果你知道其他方式,也可以,只要最后效果ok.
09年希望找到好工作、加入好团队、大家加油一起『牛』一把.
图片少一个左对齐
努力学习,认真实践 - 我的seo每一天欢迎讨论QQ:648890080

回复 4# zjz8868 的帖子

#zuoyi img{
padding-top:35px;
padding-left:15px;
text-align:left;
}
效果没变...
09年希望找到好工作、加入好团队、大家加油一起『牛』一把.

是 在图片的<img src=""  align="left" />
你文本左对齐干嘛
还有 是:width:254px;   不是width:254x;
粗心了吧
努力学习,认真实践 - 我的seo每一天欢迎讨论QQ:648890080

回复 6# zjz8868 的帖子


刚刚也加了,文字跑顶部去了,没有换行显示,还是不行。
09年希望找到好工作、加入好团队、大家加油一起『牛』一把.

是 在图片的<img src=""  align="left" />
你文本左对齐干嘛
还有 是:width:275px;   不是width:275x;
粗心了吧
本帖最近评分记录
  • xuwenboy2008 威望 +2 谢谢,提醒,问题已经解决. 2008-11-27 17:44
努力学习,认真实践 - 我的seo每一天欢迎讨论QQ:648890080

回复 8# zjz8868 的帖子

问题解决没有,没有...我也来说两句

回复 1# xuwenboy2008 的帖子

直接图片左浮动就OK了( float:left;)
HTML
<div id="zuomian">
<div id="zuoyi">
<div id="zuoyi1">
<img src="imgs/1.1.jpg" width="131" align="left";/>
</div>
<div id="zuoyi2">
<p>
沉浸于一种完美的生活空间,聆听一种来自于未来的美妙声音,一个汇聚家具盛宴的约会让我们打开佳家带来的温婉、时尚……</p>
</div>
</div>

CSS
#zuomain{
float:left;
width:275px;
}
#zuoyi{
background-image:url(../imgs/1.jpg);
background-repeat:no-repeat;
width:275px;
}
#zuoyi img{
padding-top:35px;
padding-left:15px;
padding-bottom:40px;

}
#zuoyi2{
float:left;
}
#zuoyi2 p{
line-height:180%;
text-indent:26px;
margin-top:60px;
}
09年希望找到好工作、加入好团队、大家加油一起『牛』一把.
接11#
#zuoyi2{
float:left;
word-break:break-all;width:100px;  /*宽100px就自动换行*/
}
文字加个box 然后右对齐  OK
呵呵 设置浮动 就行了
开心网QQ日志
发新话题