หัดทำเวบเล่นๆโดยลองเอาโค้ด html มาเปิดในเครื่อง ผลที่ออกมาก็สวยงามดี
แต่พอเอาไปใส่ใน blogspot ทำไมมันออกมาแบบนี้

ทำไมตารางมันเรียงจากบนลงล่าง ทำไมไม่เหมือนกับในคอมของเราคับ
ข้างล่างเปนโคดบางส่วนคับ ที่จะทำงานร่วมกับจาวาสคริบ (แต่ไมได้เอามาวาง)
-----------------------------------------------
<style type="text/css">div.numberic_board { padding:0px; border:solid 1px #eee; }
div.num {
margin:0px;
font-family:Arial;
font-size:30px;
line-height:50px;
font-weight:bold;
text-align:center;
width:50px;
height:50px;
border:solid 3px #FF8000;
display: inline-block;
padding-top:3px;
cursor:pointer;
}
</style>
<head>
<script>
document.addEventListener('contextmenu', event => event.preventDefault());
</script>
</head>
<center>
<div>
<div class="numberic_board">
<div>
<div class="num" onclick="myclick(this,0)"><span style="color:#0000FF;"><span style="font-size:50px;">0</span></span></div>
<div class="num" onclick="myclick(this,1)"><span style="color:#0000FF;"><span style="font-size:50px;">1</span></span></div>
<div class="num" onclick="myclick(this,2)"><span style="color:#0000FF;"><span style="font-size:50px;">2</span></span></div>
<div class="num" onclick="myclick(this,3)"><span style="color:#0000FF;"><span style="font-size:50px;">3</span></span></div>
<div class="num" onclick="myclick(this,4)"><span style="color:#0000FF;"><span style="font-size:50px;">4</span></span></div>
<div style="clear:both"> </div>
</div>
<div>
<div class="num" onclick="myclick(this,5)"><span style="color:#0000FF;"><span style="font-size:50px;">5</span></span></div>
<div class="num" onclick="myclick(this,6)"><span style="color:#0000FF;"><span style="font-size:50px;">6</span></span></div>
<div class="num" onclick="myclick(this,7)"><span style="color:#0000FF;"><span style="font-size:50px;">7</span></span></div>
<div class="num" onclick="myclick(this,8)"><span style="color:#0000FF;"><span style="font-size:50px;">8</span></span></div>
<div class="num" onclick="myclick(this,9)"><span style="color:#0000FF;"><span style="font-size:50px;">9</span></span></div>
<div style="clear:both"> </div>
ทำไมตารางใน blogspot มันไม่เหมือนกับในคอม
แต่พอเอาไปใส่ใน blogspot ทำไมมันออกมาแบบนี้
ทำไมตารางมันเรียงจากบนลงล่าง ทำไมไม่เหมือนกับในคอมของเราคับ
ข้างล่างเปนโคดบางส่วนคับ ที่จะทำงานร่วมกับจาวาสคริบ (แต่ไมได้เอามาวาง)
-----------------------------------------------
div.num {
margin:0px;
font-family:Arial;
font-size:30px;
line-height:50px;
font-weight:bold;
text-align:center;
width:50px;
height:50px;
border:solid 3px #FF8000;
display: inline-block;
padding-top:3px;
cursor:pointer;
}
</style>
<head>
<script>
document.addEventListener('contextmenu', event => event.preventDefault());
</script>
</head>
<center>
<div>
<div class="numberic_board">
<div>
<div class="num" onclick="myclick(this,0)"><span style="color:#0000FF;"><span style="font-size:50px;">0</span></span></div>
<div class="num" onclick="myclick(this,1)"><span style="color:#0000FF;"><span style="font-size:50px;">1</span></span></div>
<div class="num" onclick="myclick(this,2)"><span style="color:#0000FF;"><span style="font-size:50px;">2</span></span></div>
<div class="num" onclick="myclick(this,3)"><span style="color:#0000FF;"><span style="font-size:50px;">3</span></span></div>
<div class="num" onclick="myclick(this,4)"><span style="color:#0000FF;"><span style="font-size:50px;">4</span></span></div>
<div style="clear:both"> </div>
</div>
<div>
<div class="num" onclick="myclick(this,5)"><span style="color:#0000FF;"><span style="font-size:50px;">5</span></span></div>
<div class="num" onclick="myclick(this,6)"><span style="color:#0000FF;"><span style="font-size:50px;">6</span></span></div>
<div class="num" onclick="myclick(this,7)"><span style="color:#0000FF;"><span style="font-size:50px;">7</span></span></div>
<div class="num" onclick="myclick(this,8)"><span style="color:#0000FF;"><span style="font-size:50px;">8</span></span></div>
<div class="num" onclick="myclick(this,9)"><span style="color:#0000FF;"><span style="font-size:50px;">9</span></span></div>
<div style="clear:both"> </div>