在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何讓一個div的寬度自適應(yīng)子元素的文字大小寬度

如何讓一個div的寬度自適應(yīng)子元素的文字大小寬度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Calculator</title>
    <style>
        #container {
            width: 180px;
            margin-left: auto;
            margin-right: auto;
        }
        .text {
            width: 200px;
            margin-left: auto;
            margin-right: auto;
         }
            </style>
</head>
    <body>
    <div class="text">
        <h2>計算器</h2>
    </div>
    <div id = "container">
    <form action="do.php">
     <input type="text" name = 'a'>
        <select name="ch" id="ch">
            <option value="">+</option>
            <option value="">-</option>
            <option value="">*</option>
            <option value="">/</option>
        </select>
        <input type="text" name = 'b'>
        <p>answer:</p>
        <input type="text" name = 'ans'>
    </form>
    </div>
</body>
</html>

想讓計算器這三個字真正的居中，而不是外面的div text居中，需要外面的div寬度等于實際文字大小，那么怎么做？（自適應(yīng)，不把px寫死）

回答
編輯回答
筱饞貓

如果是想讓文字居中的話，可以不設(shè)置寬度。.text樣式改為：

.text{
    text-align:center;
}

不過你下面input框?qū)挾炔皇?00%。再寫入樣式：

input {
    width:100%;
}

就能達(dá)到你的效果啦
圖片描述

2018年5月29日 19:43
編輯回答
夏木

設(shè)置style="inline-block"

2017年3月27日 22:57