Question

我有使用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>

我没有使用或者对齐=“中心”因为那不支持html5。如果我删除css max-width 144px，标题居中但我无法设置宽度。如果我使用max-width 144px，则文本框（smart_pdtitle）浮动到左侧不居中。如何将文本框（smart_pdtitle）的宽度设置为框区域的中心（smart_pdbox）？

Answer 1

尝试添加margin：auto;到你的smart_pdtitle div的内联样式属性。

带有HTML5的中心框

1 个答案: