<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
lang=
"zh-TW"
xml:lang=
"zh-TW"
>
<head>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
/>
<meta name=viewport content=
"width=device-width, initial-scale=1"
>
<title>TableBoxy</title>
<style>
.css_fieldset {
padding
:
10px
;
border-style
:
solid
;
border-width
:
1px
;
border-color
:
#000000
;
}
.css_legend {
float
:
left
;
background
:
#fff
;
margin-top
:
-20px
;
padding
:
0
10px
;
}
.css_tablebox {
clear
:
both
;
overflow-x:
auto
;
}
.css_table {
border-collapse
:
collapse
;
display
: table;
}
.css_tr {
padding
:
3px
;
display
:
table-row
;
}
.css_th {
padding
:
5px
;
border-style
:
solid
;
border-width
:
1px
;
border-color
:
#000000
;
display
:
table-cell
;
font-weight
:
bold
;
white-space
:
nowrap
;
}
.css_td {
padding
:
5px
;
border-style
:
solid
;
border-width
:
1px
;
border-color
:
#000000
;
display
:
table-cell
;
white-space
:
nowrap
;
}
.css_colspan {
border-left-style
:
solid
;
border-top-style
:
solid
;
border-bottom-style
:
solid
;
border-left-width
:
1px
;
border-top-width
:
1px
;
border-bottom-width
:
1px
;
border-color
:
#000000
;
display
:
table-cell
;
white-space
:
nowrap
;
}
.css_colspan_text {
width
:
0px
;
padding
:
5px
;
position
:
relative
;
}
.css_colspan_blank {
border-top-style
:
solid
;
border-bottom-style
:
solid
;
border-top-width
:
1px
;
border-bottom-width
:
1px
;
display
:
table-cell
;
}
.css_colspan_last {
border-top-style
:
solid
;
border-right-style
:
solid
;
border-bottom-style
:
solid
;
border-top-width
:
1px
;
border-right-width
:
1px
;
border-bottom-width
:
1px
;
border-color
:
#000000
;
display
:
table-cell
;
}
</style>
</head>
<body>
<div class=
"css_fieldset"
>
<div class=
"css_legend"
>標題</div>
<div class=
"css_tablebox"
>
<div class=
"css_table"
>
<div class=
"css_tr"
>
<div class=
"css_th"
>標題</div>
<div class=
"css_th"
>日期</div>
<div class=
"css_th"
>回應</div>
</div>
<div class=
"css_tr"
>
<div class=
"css_td"
>今天晚餐吃少一點吧</div>
<div class=
"css_td"
>
2015
-05
-05
</div>
<div class=
"css_td"
>
5
</div>
</div>
<div class=
"css_tr"
>
<div class=
"css_colspan"
>
<div class=
"css_colspan_text"
>宵夜不吃了,早點回家睡覺比較實際。</div>
</div>
<div class=
"css_colspan_blank"
></div>
<div class=
"css_colspan_last"
></div>
</div>
<div class=
"css_tr"
>
<div class=
"css_td"
>今天早餐到底要吃什麼好呢?</div>
<div class=
"css_td"
>
2015
-05
-06
</div>
<div class=
"css_td"
>
3
</div>
</div>
<div class=
"css_tr"
>
<div class=
"css_td"
>作者</div>
<div class=
"css_colspan"
>
<div class=
"css_colspan_text"
>QQBoxy</div>
</div>
<div class=
"css_colspan_last"
></div>
</div>
</div>
</div>
</div>
</body>
</html>