0

我在使用 html5 居中文本框区域时遇到问题 这是我的代码

`<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>

<div class="smart_pdbox" style="
width: 366px;
    border: 1px solid #fff;
    height: 320px;
    float: left;
    margin: 5px 29.75px 5px 29.75px;
    padding: 12px 5px 0 5px;
text-align:center;">
    <div class="smart_pdtitle"
    style="
        font-size:14px;
    color: #fff;
    border: solid 3px #FFDB6E;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    height: 34px;
    background:#FFDB6E;
    width: 144px;"
    ><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></div>
</div>

</body>
</html>

我没有使用或 align="center" 因为那不支持 html5。如果我删除 css max-width 144px，标题居中但我无法设置宽度。如果我使用最大宽度 144 像素，则文本框（smart_pdtitle）向左浮动而不是居中。如何将文本框 (smart_pdtitle) 的宽度设置为框区域 (smart_pdbox) 的中心？

4

1 回答 1

1

尝试添加边距：自动；到您的 smart_pdtitle div 的内联样式属性。

于 2014-06-19T22:20:17.540 回答