【已解决】HTML 表格渲染后有一条横线和竖线,请问如何去掉?

请仔细说明自己遇到的问题,以下是参考模板。这里不要求非得按模板发帖,但内容中包含相关要素能让大家更好地帮助你。


我用表格做图文混排时,有一条横线和竖线,请问如何去掉?

这是我从网上找一段代码。
代码简单,我能读懂,也能按需要进行修改。但有个问题解决不了,就是渲染后,有一条横线和一条竖线。

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="D:\Git\obnotes2401\95.同步资料\select\照片F-20240609.png" width=400></td>
    <td><font size=4>这是一个用来图文混排的代码,我从网上找的。代码简单,我能读懂,也能按需要进行修改。但有个问题解决不了,就是渲染后,有一条横线和一条竖线。</font> 
    </td>
  </tr>
</table>

请问,如何去掉这表格边框的线?

应该是你本地主题样式的问题,我试了下并没有边框,建议用div实现,如下

<div style="display: flex;">
    <img src="https://ts4.cn.mm.bing.net/th?id=OIP-C.XZkAf0Q4L5aQQedhhYJtSwHaE8&w=155&h=104&c=7&bgcl=827e7e&r=0&o=6&dpr=2&pid=13.1" width="200">
    <p style="margin-left:10px">这里是右侧的文字内容。你可以在这里添加任意长度的文本,描述图片内容或者其他信息。由于使用了Flex布局,图片和文字会自动排列,图片在左,文字在右。</p>
</div>

如果不太懂,可以描述下你的问题,问问AI,这种常识性问题AI最擅长。

1 个赞

谢谢大佬,问题解决了。
我不会CSS,在网上搜了实现的方式有很多,但转换到obsidian里,总搞不成,终于搞定了,非常感谢。