如何才能将从数据库中读出的完整文字环绕在图片旁边

我想将从数据库中调出的文字内容环绕在某一图片周围（我指的是象新浪网站中具体内容的新闻网页那样，将文字环绕在flash或图片旁边,如http://sports.sina.com.cn/g/2005-07-15/10411667105.shtml总所显示的），但是在用table规划了布局的情况下，我现在只能将内容放一侧，图像放在另一侧，无法做到环绕效果，请问如何才能实现呢

9 个解决方案

#1

用html就能实现你所说的，第一个table是你显示内容的table

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><%# DataBinder.Eval(Container.DataItem, "Content") %>
     <table border="0" align="right" cellpadding="5" cellspacing="5"> //这儿的right可以换成left或center
      <tr>
        <td>这儿是图片或flash</td>
      </tr>
    </table></td>
  </tr>
</table>

或者

用html就能实现你所说的，第一个table是你显示内容的table

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table border="0" align="right" cellpadding="5" cellspacing="5"> //这儿的right可以换成left或center
      <tr>
        <td>这儿是图片或flash</td>
      </tr>
    </table>
<%# DataBinder.Eval(Container.DataItem, "Content") %>
</td>
  </tr>
</table>

#2

to:weki
我按照你的写法，仍样无法做到环绕，结果成了文字在上方，图片在右下方，图片始终无法跟文字结合在一起。
而且令我感到困惑的另一点是单元格的大小随着其中内容（在这里是文字）的大小而处于自动拉伸的变化当中，可我不想让单元格大小变化，请问该如何处理

#3

在td中设置宽度就可以了

#4

前一个问题基本无法实现

#5

那新浪等网站中的网页是如何实现的呢

#6

顶一下

#7

大家给我指点一下啊

#8

分析一下它的网页原代码，应该会找到答案

#9

//用我的方法可以实现的，下面代码你保存成html运行一下看看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>产品展示</title>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<LINK href="Style.css" type="text/css" rel="stylesheet">
<style type="text/css">
BODY {
MARGIN: 0px
}
.style1 {
color: #FF0000;
font-weight: bold;
}
        </style>
</HEAD>
<body MS_POSITIONING="GridLayout">
<table cellSpacing="3" cellPadding="3" width="500" border="0">
                                      <tr>
                                        <td class="subjectfont" height="30">
                                          <div align="center" class="style1">IPCS智能环境控制系统－单模块电箱</div></td>
                                      </tr>
                                      <tr>
                                        <td>
                                          <table border="0" align="left" cellpadding="0" cellspacing="5">
                                            <tr>
                                              <td><img src='http://www.eastcato.com/upimages/20050512172400.jpg' border="0" class="cb"></td>
                                            </tr>
                                          </table>
                                              IPCS智能环境控制系列包括智能电箱以及嵌入电源控制模块，电箱模式适合于集中控制的工作环境，能够非常简单的实现与*控制系统结合，提供完全有效的电源管理与电气控制。并能够在无*控制系统的情况下，独立成为一个系统，通过触摸介面单元，无线介面单元就能进行控制。<br>
                                          <br>
                                              嵌入电源控制模块，是由IPCS系列的集中控制单元与触摸介面单元相结合，适用于与现有装修相结合的环境以及特殊的应用场合，不需要特殊的布线就能实现对电气和照明系统进行有效和安全的管理。 </td>
                                      </tr>
    </table>
</body>
</HTML>

秒客网

如何才能将从数据库中读出的完整文字环绕在图片旁边

9 个解决方案

#1

#2

#3

#4

#5

#6

#7

#8

#9

#1

#2

#3

#4

#5

#6

#7

#8

#9

相关文章