为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

小三是篮球 2016-04-22 20:39:05
<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的背景给一个颜色。
查看完整描述

3 回答

?
qq_青枣工作室_0

TA贡献446条经验 获得超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>

//img1.sycdn.imooc.com//571a249000019c5204970190.jpg

查看完整回答
2 反对 回复 2016-04-22
  • 小三是篮球
    小三是篮球
    很感谢你的回答,看懂了,还有一个问题想问一下,如果我把每一行的文字都用<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
    qq_青枣工作室_0
    很久以前,做网页的人,是用table来定位的。后来,大家觉得table应该做回本分,就是显示表格之类的数据。 现在做网页布局的都用div+css的,不用table。
?
我会冬眠

TA贡献5条经验 获得超0个赞

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

查看完整回答
反对 回复 2016-04-22
?
我会冬眠

TA贡献5条经验 获得超0个赞

额,每行文本都用p标签装。

查看完整回答
反对 回复 2016-04-22
  • 3 回答
  • 0 关注
  • 1755 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信