如何设置下面这个div的宽度

<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>

上面这段代码,我想要的样子是,文本部分,就像现在排列的这样,一行一句,每行长度还不一样,我想让包含这些文本的div高度是文本的总高度,宽度是最长文本的宽度,然后这个div的背景给一个颜色。


小三是篮球
浏览 1756回答 3
3回答

qq_青枣工作室_0

换行要用<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>

我会冬眠

还有块状元素不设置宽度,默认宽度是100%。所以你还是设置宽度吧,高度可以撑。

我会冬眠

额,每行文本都用p标签装。
打开App,查看更多内容
随时随地看视频慕课网APP