Html 如何使css文本框适合内容？_Html_Css

Html 如何使css文本框适合内容？

html css

Html 如何使css文本框适合内容？,html,css,Html,Css,我的CSS：解决方案是将其设置为display:inline block 引述如下：您可以通过设置text align:center <style type="text/css"> body { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-i

我的CSS：

解决方案是将其设置为

display:inline block

引述如下：

您可以通过设置

text align:center
<style type="text/css">
body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(images/angel-beats-bg1.jpg);
    background-repeat: no-repeat;
    margin: auto;
    width: auto;
    height: auto;
    display: table;
    text-align:center;
}
.TextBox {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border: #solid 30px #000;
    background-color: rgba(105,100,100,0.8);
    width:auto;
    height:auto;
    margin: 0;
    z-index:-1;
    display:block;
    text-align:center; 
    position:relative;
}
</style>
<body>
<img src="images/header.png" alt="OpenWrt Gratisan"><br>
<strong> 
<p>
<a href="status.php" title=""><font color="red">Status</font></a> | 
<a href="wget.php" title=""><font color="red">Wget WebUI</font></a> | 
<a href="putty.html" title=""><font color="red">Terminal</font></a> | 
<a href="wifi.php" title=""><font color="red">WIFI</font></a> | 
<a href="ch_pass.php" title=""><font color="red">Password</font></a> | 
<a href="profile.php" title=""><font color="red">Profile</font></a> | 
<a href="vpn.php" title=""><font color="red">Accounts</font></a> | 
<a href="ussd.php" title=""><font color="red">USSD</font></a> | 
<a href="sms_in.php" title=""><font color="red">Inbox SMS</font></a> | 
<a href="sms_send.php" title=""><font color="red">Send SMS</font></a> | 
</p>
<p>
<a href="vpn_log.php" title=""><font color="red">VPN log</font></a> | 
<a href="restart_log.php" title=""><font color="red">Restart Log</font></a> | 
<a href="wget_log.php" title=""><font color="red">Wget Log</font></a> | 
<a href="dial_log.php" title=""><font color="red">Dial Log</font></a> | 
<a href="about.php" title=""><font color="red">About</font></a>
</p>
</font></strong>
<br><br><br>
<div class="TextBox">';
MY CONTENT GOES HERE
</div>
.....

（还要检查该元素上是否有任何填充）
PS：养成发布一些代码或小提琴的习惯，更容易获得问题的上下文
只需将内容放在一个宽度为100%的DIV中，然后将其放在DIV.TextBox元素中（还要注意拼写错误-你有一些）。这个新DIV将填充父元素的100%宽度
<style type="text/css">
body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(images/angel-beats-bg1.jpg);
    background-repeat: no-repeat;
    margin: auto;
    width: auto;
    height: auto;
    display: table;
    text-align:center;
}
.TextBox {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border: #solid 30px #000;
    background-color: rgba(105,100,100,0.8);
    width:auto;
    height:auto;
    margin: 0;
    z-index:-1;
    display:block;
    text-align:center; 
    position:relative;
}
</style>
<body>
<img src="images/header.png" alt="OpenWrt Gratisan"><br>
<strong> 
<p>
<a href="status.php" title=""><font color="red">Status</font></a> | 
<a href="wget.php" title=""><font color="red">Wget WebUI</font></a> | 
<a href="putty.html" title=""><font color="red">Terminal</font></a> | 
<a href="wifi.php" title=""><font color="red">WIFI</font></a> | 
<a href="ch_pass.php" title=""><font color="red">Password</font></a> | 
<a href="profile.php" title=""><font color="red">Profile</font></a> | 
<a href="vpn.php" title=""><font color="red">Accounts</font></a> | 
<a href="ussd.php" title=""><font color="red">USSD</font></a> | 
<a href="sms_in.php" title=""><font color="red">Inbox SMS</font></a> | 
<a href="sms_send.php" title=""><font color="red">Send SMS</font></a> | 
</p>
<p>
<a href="vpn_log.php" title=""><font color="red">VPN log</font></a> | 
<a href="restart_log.php" title=""><font color="red">Restart Log</font></a> | 
<a href="wget_log.php" title=""><font color="red">Wget Log</font></a> | 
<a href="dial_log.php" title=""><font color="red">Dial Log</font></a> | 
<a href="about.php" title=""><font color="red">About</font></a>
</p>
</font></strong>
<br><br><br>
<div class="TextBox">';
MY CONTENT GOES HERE
</div>
.....

我希望文本框的边框与contentdiv自动匹配，也许我应该说如何使半透明框的宽度与页面内容匹配。很抱歉，a将如何扮演文本框的角色？我是说我们如何编辑文本？我不相信，用户只是用“Textbox”作为类名。。。也许应该改变这一点
<div class="TextBox">
    <div style="width: 100%; ">
        MY CONTENT GOES HERE
    </div>
</div>

.TextBox{
    text-align: center;
}