HTML:如何将横幅置于表格中心?

时间:2013-08-06 00:58:59

标签: html image center

我很长时间没有使用过HTML(pre-CSS)。基本上我是一个完整的菜鸟。我祈祷我能得到一些有用的信息。

有一些线程可以解决这个问题而且我已经使用了所有这些但没有成功,所以我假设它是我的样式格式,但我不能指出问题。这就是我现在所处的位置。

{<%@ Page Language =“C#”AutoEventWireup =“true”CodeFile =“Default.aspx.cs”Inherits =“_ Default”%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html14/frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>A Web Site</title>
        <style type="text/css">
        body {
            border-style:ridge;
            border-color:inherit;
            border-width:thin;
            background-color: beige;
            margin-left: 4px;
            margin-right: 4px;
            margin-top:3px;
            margin-bottom:3px;
            padding: inherit;
            font-family: Calibri;
            height:auto;
            width:auto;

            </style>

</head>
<body>
    <form id="form1" runat="server">
                <div id="Home Page">
                <table>
                   <tr><td align="center">
                      <img src="Some/pic.jpg">
                   </td></tr>

                </table>
                </div>


   </form>
</body>
</html>}

3 个答案:

答案 0 :(得分:0)

如上一个答案中所述,在width:auto;之后添加一个紧密的大括号,在<img>上添加一个关闭标记,如</img>(或懒惰关闭<img />),以及删除</html>后的关闭卷曲标记。

<body>
    <form id="form1">
        <div id="Home Page">
            <table>
                <tr>
                    <td align="center">
                        <img src="Some/pic.jpg" />
                    </td>
                </tr>
            </table>
        </div>
   </form>
</body>

答案 1 :(得分:0)

在span标记中添加文本并将css的margin属性应用于它。 像例如

<span class="textCenter"> Hi This is text </span>

在CSS中:

.textCenter {
    margin-left:auto;
    margin-right:auto;
}

您可以调整边距以使文字居中。 在此检查保证金属性:http://www.w3schools.com/css/css_margin.asp

答案 2 :(得分:-1)

你需要一个大括号。

//...
height: auto;
width: auto;
}