표(Table) 테스트
-
- 2024.06.26 - 09:42 2024.06.25 - 13:52 639 7
원래 표
| Factorial | ~69! | 70!~449! | 500!~1006! | 1007!~3248! | 3249!~ |
|---|---|---|---|---|---|
| EL-509W | O | X(Error 2) | X | X | X |
| fx-570ES, EX | O | X(Math Error) | X | X | X |
| fx-9860G | O | X(Ma Error) | X | X | X |
| TI-nspire, 89T | O | O | X(500!) | X | X |
| HP Prime | O | O | O | X(∞) | |
| 윈도우10 내장 | O | O | O | O | X(Overflow) |
chatgpt-4o 가 고쳐준 코드
| Factorial | ~69! | 70!~449! | 500!~1006! | 1007!~3248! | 3249!~ |
|---|---|---|---|---|---|
| EL-509W | O | X(Error 2) | X | X | X |
| fx-570ES, EX | O | X(Math Error) | X | X | X |
| fx-9860G | O | X(Ma Error) | X | X | X |
| TI-nspire, 89T | O | O | X(500!) | X | X |
| HP Prime | O | O | O | X(∞) | |
| 윈도우10 내장 | O | O | O | O | X(Overflow) |
-
25
댓글7
-
세상의모든계산기
현재 표기능에 문제가 있습니다. css 충돌? 호환? 문제인 듯 한데...
해결이 되겠죠?
원래 Table tag <table border="1" cellpadding="1" cellspacing="1" style="width: 600px;"> <thead> <tr> <th scope="row">Factorial</th> <th scope="col">~69!</th> <th scope="col">70!~449!</th> <th scope="col">500!~1006!</th> <th scope="col">1007!~3248!</th> <th scope="col">3249!~</th> </tr> </thead> <tbody> <tr> <th scope="row">EL-509W</th> <td style="text-align: center;">O</td> <td style="text-align: center;">X(Error 2)</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> </tr> <tr> <th scope="row">fx-570ES, EX</th> <td style="text-align: center;">O</td> <td style="text-align: center;">X(Math Error)</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> </tr> <tr> <th scope="row">fx-9860G</th> <td style="text-align: center;">O</td> <td style="text-align: center;">X(Ma Error)</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> </tr> <tr> <th scope="row">TI-nspire, 89T</th> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">X(500!)</td> <td style="text-align: center;">X</td> <td style="text-align: center;">X</td> </tr> <tr> <th scope="row">HP Prime</th> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">X(∞)</td> <td style="text-align: center;"> </td> </tr> <tr> <th scope="row">윈도우10 내장</th> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">O</td> <td style="text-align: center;">X(Overflow)</td> </tr> </tbody> </table> chatgpt-4o 가 고쳐준 Table Tag <table border="1" cellpadding="1" cellspacing="1" style="width: 600px;"> <thead> <tr> <th style="display: table-cell; width: 100px;">Factorial</th> <th style="display: table-cell; width: 100px;">~69!</th> <th style="display: table-cell; width: 100px;">70!~449!</th> <th style="display: table-cell; width: 100px;">500!~1006!</th> <th style="display: table-cell; width: 100px;">1007!~3248!</th> <th style="display: table-cell; width: 100px;">3249!~</th> </tr> </thead> <tbody> <tr> <th style="display: table-cell; width: 100px;">EL-509W</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(Error 2)</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> </tr> <tr> <th style="display: table-cell; width: 100px;">fx-570ES, EX</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(Math Error)</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> </tr> <tr> <th style="display: table-cell; width: 100px;">fx-9860G</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(Ma Error)</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> </tr> <tr> <th style="display: table-cell; width: 100px;">TI-nspire, 89T</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(500!)</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> <td style="display: table-cell; text-align: center; width: 100px;">X</td> </tr> <tr> <th style="display: table-cell; width: 100px;">HP Prime</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(∞)</td> <td style="display: table-cell; text-align: center; width: 100px;"> </td> </tr> <tr> <th style="display: table-cell; width: 100px;">윈도우10 내장</th> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">O</td> <td style="display: table-cell; text-align: center; width: 100px;">X(Overflow)</td> </tr> </tbody> </table> -
-
세상의모든계산기
이렇게 찾아가는 거군요.
앗! 저기 체크박스 해제하니까 바로 적용되네요. 굿.
저게 문제 원인이 맞았습니다.
게시판 사이즈에 맞게
테이블 폭을 자동 조절해 주는 기능? 같은데
일단 소스 수정해서 꺼 보겠습니다.
-
세상의모든계산기2024.06.25 - 14:14 #42604
해당 파일 950번 line 에 display: flex; 를 뭘로 바꿔야 하나?
만약 \<td> 셀에 적용된 "display: flex;"를 다른 방식으로 바꾸어야 한다면, 테이블 셀의 기본 레이아웃을 유지하면서 원하는 스타일링을 적용할 수 있는 방법이 필요합니다. \<td>는 기본적으로 테이블 셀을 나타내는 태그이며, 테이블의 행과 열 구조를 유지해야 합니다.
대안으로 다음과 같은 방법들이 있을 수 있습니다:
1. **inline-block 사용**: 테이블 셀에 "display: inline-block;" 속성을 적용하여 요소를 인라인 블록 요소로 설정할 수 있습니다. 이는 테이블 셀이 가로로 배치되도록 하면서, 다른 요소와도 좀 더 적절하게 조화를 이룰 수 있습니다.
```css
.od-bord table td {
display: inline-block;
align-items: center; /* 필요한 경우 */
line-height: 1.4; /* 필요한 경우 */
padding-top: 5px; /* 필요한 경우 */
padding-bottom: 5px; /* 필요한 경우 */
}
```2. **block 사용**: 테이블 셀을 "display: block;"으로 설정하여 블록 요소로 만들 수도 있습니다. 이 경우에는 테이블의 기본 구조를 유지하면서 셀 내부의 내용을 좀 더 자유롭게 배치할 수 있습니다.
```css
.od-bord table td {
display: block;
align-items: center; /* 필요한 경우 */
line-height: 1.4; /* 필요한 경우 */
padding-top: 5px; /* 필요한 경우 */
padding-bottom: 5px; /* 필요한 경우 */
}
```3. **float 사용**: "float: left;" 또는 "float: right;"를 사용하여 테이블 셀을 부유(floating) 상태로 만들어 가로 배치를 조정할 수도 있습니다. 이 방법은 일반적으로 레이아웃을 구성할 때 사용되는 방식입니다.
```css
.od-bord table td {
float: left; /* 또는 float: right; */
align-items: center; /* 필요한 경우 */
line-height: 1.4; /* 필요한 경우 */
padding-top: 5px; /* 필요한 경우 */
padding-bottom: 5px; /* 필요한 경우 */
}
```이러한 방법들 중에서 상황에 맞는 적절한 스타일을 선택하여 \<td> 셀에 적용하면, 테이블 셀이 기대하는 방식대로 배치될 수 있습니다. 선택한 스타일은 다른 요소들과의 조화를 유지하면서도 원하는 디자인을 구현할 수 있도록 도와줄 것입니다.
-
세상의모든계산기
table td
1. Inline-block 적용
2. block 적용
3. display: 적용 안함
display: float; 인줄 알고 적용했는데, float: left; 이런 식으로 쓰는거네요.
모바일쪽이 좀 깨지지만, 일단 이걸로...
-
세상의모든계산기
https://github.com/OrangeDayCom/rhymix-layout/issues/3#issuecomment-2190435618
임시로 수정하시려고 한다면
/modules/board/skins/OrangeDay_board/css/default.css 에서
라인 950
.od-bord table td { display: flex; align-items: center; line-height:1.4; padding-top:5px; padding-bottom:5px }
을
.od-bord .write_header table td { display: flex; align-items: center; line-height:1.4; padding-top:5px; padding-bottom:5px }
로 수정하면 됩니다. -
세상의모든계산기
CKeditor Table 만들기
1 2 3 4 5 6 7 8 9 10 11 12 <table border="1" cellpadding="1" cellspacing="1" style="width:500px;"> <tbody> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> <tr> <td>10</td> <td>11</td> <td>12</td> </tr> </tbody> </table>
세상의모든계산기 님의 최근 댓글
fx-570 CW 는 아래 링크에서 https://allcalc.org/56026 2025 10.24 불러오기 할 때 변수값을 먼저 확인하고 싶을 때는 VARIABLE 버튼 【⇄[x]】목록에서 확인하고 Recall 하시면 되고, 변수값을 이미 알고 있을 때는 바로 【⬆️SHIFT】【4】로 (A)를 바로 입력할 수 있습니다. 2025 10.24 fx-570 CW 로 계산하면? - 최종 확인된 결과 값 = 73.049507058478629343538 (23-digits) - 오차 = 6.632809104889414877 × 10^-19 꽤 정밀하게 나온건 맞는데, 시뮬레이션상의 22-digits 와 오차 수준이 비슷함. 왜 그런지는 모르겠음. - 계산기중 정밀도가 높은 편인 HP Prime CAS모드와 비교해도 월등한 정밀도 값을 가짐. 2025 10.24 HP Prime 에서 <Home> 73.0495070344 (12-decimal-digits) // python 시뮬레이션과 일치 <CAS> 21자리까지 나와서 이상하다 싶었는데, Ans- 에서 자릿수를 더 늘려서 빼보니, 뒷부분 숫자가 아예 바뀌어버림. 버그인가? (전) 73.0495070584718691243 (21-digits ????) (후) 73.0495070584718500814401 (24-digits ????) 찾아보니 버그는 아니고, CAS에서는 십진수가 아니라 2진수(bit) 단위로 처리한다고 함. Giac uses 48 bits mantissa from the 53 bits from IEEE double. The reason is that Giac stores CAS data (gen type) in 64 bits and 5 bits are used for the data type (24 types are available). We therefore loose 5 bits (the 5 low bits are reset to 0 when a double is retrieved from a gen). 출처 : https://www.hpmuseum.org/cgi-bin/archv021.cgi?read=255657 일단 오차를 놓고 보면 16-decimal-digits 수준으로 보임. 2025 10.23 khiCAS 에서 HP 39gII 에 올린 khiCAS는 254! 까지 계산 가능, 255! 부터는 ∞ fx-9750GIII 에 올린 khiCAS는 factorial(533) => 425760136423128437▷ // 정답, 10진수 1224자리 factorial(534) => Object too large 2025 10.23