当前位置：首页 → 问答吧 → 图片与文字混排问题（急！！！）

图片与文字混排问题（急！！！）

时间：2011-05-02

来源：互联网

小弟以前做嵌入式的，最近公司要求新学网页，请教大家一个问题。
我现在要做一个图文混排：一个页面有两排图片，每排四张图片，每张图片正上方要有文字说明。

用<table>行吗？那么table又该怎么用呢？
如果要在两排图片当中靠最右测的位置放一个类似按钮的东西，用作翻页又该怎么做呢？

作者: fsx92 发布时间: 2011-05-02

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test_css</title>
<style type="text/css">
*{margin:0;padding:0;}
body{font:12px "宋体", Verdana, sans-serif;}
</style>
</head>

<body>
<table width="1000" height="600" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
  <tr>
    <td height="100" align="center" valign="middle">文字说明</td>
    <td height="100" align="center" valign="middle">文字说明</td>
    <td height="100" align="center" valign="middle">文字说明</td>
    <td height="100" align="center" valign="middle">文字说明</td>
  </tr>
  <tr>
    <td height="200" align="center" valign="middle">图片</td>
    <td height="200" align="center" valign="middle">图片</td>
    <td height="200" align="center" valign="middle">图片</td>
    <td height="200" align="center" valign="middle">图片</td>
  </tr>
  <tr>
    <td height="100" align="center" valign="middle">文字说明</td>
    <td height="100" align="center" valign="middle">文字说明</td>
    <td height="100" align="center" valign="middle">文字说明</td>
    <td height="100" align="center" valign="middle">文字说明</td>
  </tr>
  <tr>
    <td height="200" align="center" valign="middle">图片</td>
    <td height="200" align="center" valign="middle">图片</td>
    <td height="200" align="center" valign="middle">图片</td>
    <td height="200" align="center" valign="middle">图片</td>
  </tr>
</table>
</body>
</html>

作者: athrunzero 发布时间: 2011-05-03

图片与文字混排问题（急！！！）

热门阅读

热门下载