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>

or align="center" は html5 をサポートしていないため、使用していません。css max-width 144px を削除すると、タイトルは中央に配置されますが、幅を設定できません。最大幅の 144px を使用すると、テキスト ボックス (smart_pdtitle) は中央ではなく左にフロートします。テキストボックス (smart_pdtitle) の幅をボックス領域 (smart_pdbox) の中央に設定する方法は?

4

1 に答える 1

1

margin:auto; を追加してみてください。smart_pdtitle div のインライン スタイル属性に追加します。

于 2014-06-19T22:20:17.540 に答える