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

<html>

<head>

<title>div宽度设置</title>

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