<!DOCTYPE html><html><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>計(jì)算器</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> 想讓計(jì)算器這三個(gè)字真正的居中,而不是外面的div text居中,需要外面的div寬度等于實(shí)際文字大小,那么怎么做?(自適應(yīng),不把px寫(xiě)死)
如何讓一個(gè)div的寬度自適應(yīng)子元素的文字大小寬度
慕勒3428872
2019-03-15 18:19:33