Css 固定宽度的多个并排div
我想要6个div并排显示服务包。问题是我希望所有这些都具有指定的像素宽度。但我不能给他们一个像素宽度。而且父div也被调整为他们获得的宽度,因为我已经为它指定了80%的宽度。我查看了其他帖子,但他们没有帮我。我正在处理这个代码Css 固定宽度的多个并排div,css,html,Css,Html,我想要6个div并排显示服务包。问题是我希望所有这些都具有指定的像素宽度。但我不能给他们一个像素宽度。而且父div也被调整为他们获得的宽度,因为我已经为它指定了80%的宽度。我查看了其他帖子,但他们没有帮我。我正在处理这个代码 <div id="main"> <div id="content" class="shadow"> <div id="p-col1"> <ul>
<div id="main">
<div id="content" class="shadow">
<div id="p-col1">
<ul>
<li><h1>heading</h1></li>
<li>text text text </li>
<li class="grey">text text text </li>
</ul>
</div>
<div id="p-col2">
<ul>
<li><h1>Heading</h1></li>
<li>text text </li>
</ul>
</div>
<div id="p-col3">
<ul>
<li><h1>Heading</h1></li>
<li>text text </li>
</ul>
</div>
<div id="p-col4" class="shadow">
<ul>
<li><h1>Heading</h1></li>
<li>text text </li>
</ul>
</div>
<div id="p-col5">
<ul>
<li><h1>Heading</h1></li>
<li>text text </li>
</ul>
</div>
<div id="p-col6">
<ul>
<li><h1>Heading</h1></li>
<li>text text </li>
</ul>
</div>
</div>
</div><!-- End of Main -->
你可以给他们像素
宽度。但是你有一个打字错误
您已经编写了widt
,它应该是width
您可以给他们像素宽度
。但是你有一个打字错误
您已经编写了widt
,它应该是width
您可以使用此CSS
#content { width: 100%; height: 150px; }
#p-col1, #p-col2, #p-col3, #p-col4, #p-col5, #p-col6 { width: 16%; height: 150px; float: left; }
或
.service div{width:16%;height:150px;float:left;}
- 标题
- 文本文本文本
- 文本
对其他5个div
执行此操作您可以使用此CSS
#content { width: 100%; height: 150px; }
#p-col1, #p-col2, #p-col3, #p-col4, #p-col5, #p-col6 { width: 16%; height: 150px; float: left; }
或
.service div{width:16%;height:150px;float:left;}
- 标题
- 文本文本文本
- 文本
对其他5个div
执行此操作您的css中有拼写错误。。。。您已将宽度指定为Widt您的css中有拼写错误。。。。您已将宽度指定为Widt请提供一把小提琴。请提供一把小提琴。您得到了它并解决了问题。谢谢你,找到了并解决了问题。谢谢
.service-div { width: 16%; height: 150px; float: left; }
<div id="p-col1 service-div">
<ul>
<li><h1>heading</h1></li>
<li>text text text </li>
<li class="grey">text text text </li>
</ul>
</div>