英文:
why resultant(after running html/css code) box sizes are different for div and a tag when applied the same set of properties?
问题
<!-- 开始代码片段：不隐藏 JS，显示控制台，不使用 Babel -->
<!-- 语言：CSS -->
div, a {
height: 100px;
width: 200px;
border: 5px solid black;
margin: 15px;
}
<!-- 语言：HTML -->
<div>这是一个 div 标签</div>
<a href="https://www.google.co.in" target="_blank">Google</a>
<!-- 结束代码片段 -->
我期望得到相同大小的框，但发现它们不同。
英文:
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
div, a {
height: 100px;
width: 200px;
border: 5px solid black;
margin: 15px;
}
<!-- language: lang-html -->
<div>This is a div tag</div>
<a href="https://www.google.co.in" target="_blank">Google</a>
<!-- end snippet -->
I expected to get the same size of boxes but found different ones.
答案1
得分: 0
只需将display: block;添加到您的CSS中。
就像这样：
div, a {
display: block;
height: 100px;
width: 200px;
border: 5px solid black;
margin: 15px;
}
英文:
Just add display: block; to your CSS.
Like this:
div, a {
display: block;
height: 100px;
width: 200px;
border: 5px solid black;
margin: 15px;
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论