<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>div寬度設置</title><style type="text/css">?div{background:red;}</style></head><body><div>?看我是否可以居中。?看我是否可以居中。。?看我是否可以居中。。。?看我是否可以居中。。。。?看我是否可以居中。。。。。</div></body></html>上面這段代碼，我想要的樣子是，文本部分，就像現(xiàn)在排列的這樣，一行一句，每行長度還不一樣，我想讓包含這些文本的div高度是文本的總高度，寬度是最長文本的寬度，然后這個div的背景給一個顏色。
3 回答
qq_青棗工作室_0
TA貢獻446條經(jīng)驗 獲得超754個贊
換行要用<br>啊
<!DOCTYPE?html>
<head>
<meta?charset="UTF-8">
<title>div寬度設置</title>
<style>
body{text-align:?center;}
div{
??background:red;
??display:?inline-block;
??text-align:?left;
}
</style>
</head>
<body>
<div>
?看我是否可以居中。<br>
?看我是否可以居中。。<br>
?看我是否可以居中。。。<br>
?看我是否可以居中。。。。<br>
?看我是否可以居中。。。。。<br>
</div>
</body>
</html>
-
小三是籃球很感謝你的回答，看懂了，還有一個問題想問一下，如果我把每一行的文字都用<P>標簽框起來，最后再把div嵌套在<table><tbody><tr><td>里面，最后也可以達到這個效果。如下： 那么，這兩種方法哪一個比較常用。 <style type="text/css"> table{ margin:0 auto; } table td{ margin:0; padding:0; border:1px solid red; background:#3CF; } p{ margin:0; } </style> </head> <body> <table><tbody><tr><td><div> <p>看我是否可以居中。</p> <p>看我是否可以居中。。</p> <p>看我是否可以居中。。。</p> <p>看我是否可以居中。。</p> <p>看我是否可以居中。</p> </div></td></tr></tbody></table> </body> -
qq_青棗工作室_0很久以前，做網(wǎng)頁的人，是用table來定位的。后來，大家覺得table應該做回本分，就是顯示表格之類的數(shù)據(jù)。 現(xiàn)在做網(wǎng)頁布局的都用div+css的，不用table。
添加回答
舉報
0/150
提交
取消