JavaScript & HTML
테이블 문자열 정렬
husks
2016. 6. 3. 15:43
반응형
style로 테이블내 문자열 정렬 예제 입니다.
<!DOCTYPE html>
<html>
<head>
<style>
table, tr, td{
border-style:solid;
border-width:1px;
}
td{
width:200px;
}
td[target=center] {
text-align: center;
}
td[target=left] {
text-align: left;
}
td[target=right] {
text-align: right;
}
</style>
</head>
<body>
<table>
<tr>
<td target="left">
left
</td>
<td target="center">
center
</td>
<td target="right">
right
</td>
</tr>
</table>
</body>
</html>
반응형