想实现内容页图文混排的布局效果，但动态的后台添加有困难，不知各位有什么好的方法 - 编程论坛

#2

huangyong2008-10-22 23:57

图片的话主要用到些样式吧：
比如：
<img src="*.gif" style="float:left; margin=6px;"/>
float:表示浮动与左边或者右边（也许解释并非很专业）
这种是我用的比较多的，应该还有一种另外一些方法，我记得也不是很清楚了。

#3

dhdhzzw2008-10-23 00:07

这样显示，注意不是静态页，这种布局div也不太好实现啊/。请教

这样显示，注意不是静态页，这种布局div也不太好实现啊/。请教
就是内页文章图文混排/。//

我指动态添加的文章图文混排，文章列表图文混排可以，但内容不太会弄例如

#4

dhdhzzw2008-10-23 00:14

谢谢了

#5

huangyong2008-10-23 00:15

ewebeditor从5.2版本开始，就有这个功能了，你用这个编辑器解决掉就可以了：
测试网址：
http://www.ewebeditor.net/demo/

其中有个插入模板的按钮，你测试一下就知道了。

#6

kai2008-10-25 10:02

程序代码：

<div id="img_text_style" style="width:400px">
  <h3 style="color:red; padding-left:1em;">想内页就这样显示不知该怎样控制如下</h3>
  <div id="left" style="float:left">
    <img src="123-2.jpg" width="100" height="60" alt="" />
  </div>
  <div id="right">
  具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体

文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内

容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体

文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内

容具体文字内容具体文字内容。。。。。。
  </div>
</div>

#7

kira0072008-10-31 16:26

<div id="img_text_style" style="width:400px">
  <img src="123-2.jpg" width="100" height="60" alt="" style="float:left" />
  <h3 style="color:red; padding:1em;">想内页就这样显示不知该怎样控制如下</h3>
<h1 style="color:red; padding:1em; ">
  具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体

文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内

容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体

文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内容具体文字内

容具体文字内容具体文字内容。。。。。。<h1>

</div>

#8

aspic2009-10-18 09:07

市面上的编辑器都可以实现