用<div>的地方是否也可以用<p>?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用<div>的地方是否也可以用<p>?相关的知识,希望对你有一定的参考价值。
1可以的,2不过通常是DIV里包含P的,因为这样可能通样式命名同时来设置<P>的属性;
3例子:
<div id="ptest" class="ptest">这里也可以存放内容<p>这里面可以放你的内容</p></div>
#ptest pcolor:#edefef//这是定义P的样式、借用DIV的名; 参考技术A 可以,都是容器,可以给他们写样式
点击a元素显示对应的div,点击其他地方隐藏div或者显示对应div用js控制怎么写?为啥alert()没有输出?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>工作</title>
<style type="text/css">
.details
border: 1px green solid;
height: 300px;
background-color: yellow;
display:none;
</style>
<script type="text/javascript">
window.onload=function()
var details=document.getElementsByClassName("details");
for (var i=0;i<details.length;i++)
details[i].previousSibling.onclick=function()
alert(this.nextSibling.style.display);
if(this.nextSibling.getAttribute("style.diply")==null)
this.nextSibling.style.display="block";
else
this.nextSibling.style.display="none";
;
</script>
</head>
<body >
<div id="header">
</div>
<div id="content">
<ul class="ul-row">
<li><a>财务</a><div id="0" class="details" >02222</div></li>
<li><a>人事</a><div id="1" class="details">1</div></li>
<li><a>行政</a><div id="2" class="details">2</div></li>
</ul>
<ul class="ul-row">
<li id="0sds"><a id="a3" >生产</a><div id="3" class="details">3</div></li>
<li><a>餐饮</a><div id="4" class="details">4</div></li>
<li><a>建设</a><div id="5" class="details">5</div></li>
</ul>
<ul class="ul-row">
<li><a>送快递</a><div id="6" class="details">6</div></li>
<li><a>销售</a><div id="7" class="details">7</div></li>
<li><a>表演</a><div id="8" class="details">8</div></li>
</ul>
</div>
<div id="footer">
</div>
</body>
</html>
引入jquery.js会比较好写点
$(function()$('a').click(function()
$('#header').hide();
);
);
以上是关于用<div>的地方是否也可以用<p>?的主要内容,如果未能解决你的问题,请参考以下文章
span包含<table></table>,为何不换行了?table用<div style="display:block">包含也不可以
css+div中,用<div></div>,字符可以换行,用<pre></pre>,空格、换行可以显示出来。怎么用才能兼容?