为什么我的<div>不起作用

在学html和css,写了很简单的,代码如下

html代码
<!DOCTYPE html>




02



it's a div temp


yes,it is a div example for test11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111




css代码
#02{
border: solid;
border-width: 2px;
border-color: cornflowerblue;
width: 200px;
height: auto;
text-align: center;
}

测试时候文本一点改变也没有,求问大神这是怎么回事

5个回答

css id选择器不能数字开头,而且你id也没有。。外部css注意检查路径对了没有


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>

#d02{
    border: solid;
    border-width: 2px;
    border-color: cornflowerblue;
    width: 200px;
    height: auto;
    text-align: center;
}
    </style>
    <title>02</title>
</head>
<body>
    <div id="d02">
        <h1>it's a div temp</h1>
        <p>yes,it is a div example for test11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
    </div>
</body>
</html>
wbx_wlg
w冰淇淋 回复ColorfulZhang: id最好不要用数字开头,你在<style></style>中再添加一句代码就可以了。#d02{word-wrap:break-word;} 控制字体自动换行,所有字体就限制在边框内了,还有border的三个属性可以写在一起:border:2px solid cornflowerblue;熟练之后学会精简代码
3 年多之前 回复
ColorfulChen
Arura_Owl id后来弄得时候忘了加了,给id换了字母开头的能显示了,怎么记得书上看到的是class一定要以字母开头。。。id不用。。。
3 年多之前 回复

图片说明
html代码在这,上传时候没弄好

给div加上 id=02

ColorfulChen
Arura_Owl id忘了加了。。之前id=02的时候也没有用
3 年多之前 回复

图片说明

id改为d02之后调试的结果。。。。
这个1111111为什么突破边际了。。。。。

ColorfulChen
Arura_Owl 加点空格就好了。。。
3 年多之前 回复

div如果在不设宽度的时候宽度会随内容的变化而变化,如果为div设置了宽度,超出的内容会显示在外面!你的应该是后者吧!如果不显示可以使用overflow属性!

ColorfulChen
Arura_Owl 设置了宽度,内容会随着宽度变化,但是那个都是连在一起的字符串,就超出了边线,如果在其中加了空格模仿正常英文书写的话,还是在宽度内增加高度的。测试是这样
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问