如何在Blogger(Blogspot)页面显示div标签?Bank页面div渲染异常求助
解决你的Bank页面div渲染问题
嘿,我帮你瞅了瞅你的代码,发现几个导致div没法正常渲染的小问题,咱们一个个来解决:
问题分析
- CSS长度值缺少单位:你写的
margin-left: 10、height:300、width:200这些属性值,浏览器无法识别具体的长度单位(比如像素、百分比),必须明确加上单位(最常用的是px),否则样式不会生效。 - 样式代码截断:第二个div的
style属性里height:30...是不完整的,这会导致整个样式块解析失败,浏览器会忽略这个错误的样式。 - 额外小问题:第一个
<p>标签的font-size:24也缺少单位,同样需要补充。
修正后的完整代码
<div dir="ltr" style="text-align: left;" trbidi="on"> <p style="background-color: burlywood; font-size:24px">here are my three div tags</p> <div style="background-color: silver; margin-left: 10px; visibility:visible; height:300px; width:200px; display:inline-block"></div> <div style="background-color: silver; height:300px; width:200px; margin-left:10px; display:inline-block"></div> <!-- 这里可以补充第三个div的完整样式 --> </div>
修正说明
- 给所有长度值加上了
px单位,让浏览器能正确解析样式尺寸; - 补全了第二个div的
height属性值(这里默认设为300px,你可以根据需求调整); - 移除了重复的
margin-left:10(第一个div里写了两次,保留一次即可); - 给p标签的
font-size补充了px单位,确保字体大小生效。
这样修改后,你的div应该就能正常显示出银色的块了,如果还有第三个div,按照同样的规则补全样式就行~
内容的提问来源于stack exchange,提问作者sikka karma
相关产品推荐
相关产品推荐

