아래의 코드를 html 코드로서 삽입하여 작성했을 때,

미리보기에서는 대부분 정상적으로 출력되었으나, 실제로 글을 작성하자 글이 깨져서 보였습니다.

대표적으로 img의 링크가 전부 /images/invalid.svg로 변경되었으며,

details 내부의 table의 style이 없어지는 등의 현상이 나타났습니다.

<p><br></p>
<div style="border:10px solid transparent;border-radius:15px;background:linear-gradient(#f4a8ad 20%, black 80%) padding-box, linear-gradient(#5afdda 20%, rgb(179, 27, 33) 80%) border-box;text-align:center;">
    <table style="border:1px solid #D1D5D8;width:100%;border-spacing:0;">
      <tbody>
      <tr>

				<td style="padding:0.5rem 0.75rem;">
      <a href="https://store.steampowered.com/app/1973530/Limbus_Company">
        <img src="https://gimel.mittere.io/424b13c946a9dd27062088aff6182fa7522898f064fe15e0ad40addbe56d18d2?v=1747599866-cV9rvaGbLKEA4Cx688BksHSj6kitIHTr4uLB%2BcnAfFo%3D">
      </a>
      <br>
      <img src="https://gimel.mittere.io/cc4d3558f2d985694b54acb30a66f5edbb9972fb94441de4c5cb308171df528f?v=1747599962-iyrzL%2FI9V1BV4GD8GoFutlZMbBNhRT3FI2lYkjpVJIw%3D">
      <br>
      <a href="https://youtu.be/fmrvcFsNPuE">
        <img src="https://gimel.mittere.io/9201af4915bcba3fc62ffddcb84825940c591ab10e5eab2a1dd0634ca928bd0e?v=1747600006-8qm9TaU6evNSB%2FaLZBOxdC784ZD2mn33c%2F%2FLgl0gicw%3D">
      </a>
      <br>
      <img src="https://gimel.mittere.io/95830800bf18646e952837b8e735ec3c725cb8fbf84be1edcff22be85c4b6f7f?v=1747600036-5O%2ByIY%2F2IqTPAiEJYxNmXTiTcF5VVpSrxF19W7W6SKc%3D">
      <br>
      <a href="https://arca.live/b/lobotomycoperation/82149628">
        <img src="https://gimel.mittere.io/2ee5ddaa9025efbb7298475f7fce4e1070102c7ff16c5b6dafce4d7b6134ecc9?v=1747600048-BbwXqiWLj9ujufzQ8NInRv9%2BWojMHf985pMqsGrZSB0%3D">
      </a>
      <a href="https://arca.live/b/lobotomycoperation/122558451">
        <img src="https://gimel.mittere.io/417a15d932096e1397e46d44a4c9979c084c621ce85546b081763fded08d6331?v=1747600186-XZACEsKUJillnr0vS2o9Thj0Fi88cZUAztfZnKqtOAQ%3D">
      </a>
      <a href="https://arca.live/b/lobotomycoperation/96137479">
        <img src="https://gimel.mittere.io/0cb5c601f355f7150c189d62422747b33358b0a0ce236909a1bb26a21e8479e1?v=1747600193-XLp4HwJOu8OA0NF0BGPDT%2FdgNU65T89VsEPuoUt6qY4%3D">
      </a>
      <img src="https://gimel.mittere.io/6adc3be5690489a7b1f45ce3eb39a3fb189070114da272b474dcd0678e1b2b6c?v=1747600202-PMkWXcY3D5cubCJ6vJzlMji00S9OGXtjyIWxcbhRi6Y%3D">
      <a href="https://arca.live/b/lobotomycoperation/117865867">
        <img src="https://gimel.mittere.io/84125ace55e596f5a649fbd0950dfb4119a11b2020dd0fa4acec5fe3ce9bbef4?v=1747600213-NwXHVWXc7EYgtVZUCw8X%2BiHiuK%2Fy7x2QBbfOu0H%2BW78%3D">
      </a>
      <a href="https://arca.live/b/lobotomycoperation/75251364">
        <img src="https://gimel.mittere.io/641b921c584f537542ff99e4d9f71533b0ad7148415cdbf0e002af8604e7d480?v=1747600223-zK7t156qYoTrm%2BCsKTU86Q4RqhKUqZujyClaS9dcZq4%3D">
      </a>
      <a href="https://arca.live/b/lobotomycoperation/133122797">
        <img src="https://gimel.mittere.io/eb977c053ed872ebdd109e3801d868ec1c53ce4db561835aa745d695a2b2136b?v=1747600230-jT0FFCci18O9Zpx%2FlWsi6u0J%2B0VALfjaABVIoI%2FYfBY%3D">
      </a>
    </td></tr></tbody></table></div><p><br></p>
<div style="border:10px solid rgb(179, 27, 33);border-radius:15px;background-color:black;text-align:center;">

	<table style="border:1px solid #D1D5D8;width:100%;border-spacing:0;">
      <tbody>
      <tr>

				<td style="border:none;padding:

건의하기

s/feedback

html 코드 관련 버그

댓글 0개