联系我们

工作时间: 8:30 - 22:00

客服电话: 400-660-0108

kefu@csdn.net 在线客服

关于我们
招贤纳士
商务合作
寻求报道
协议专区

友情链接
视觉中国
500px
直聘网
优设网
CSDN文库
CSDN下载
CSDN问答
京ICP备19004658号
经营性网站备案信息
公安备案号11010502030143
营业执照
北京互联网违法和不良信息举报中心
家长监护
中国互联网举报中心
网络110报警服务
Chrome商店下载
账号管理规范
版权与免责声明
版权申诉
出版物许可证
©1999-2026北京创新乐知网络技术有限公司

全部
问答
博文收录
Ada助手

社区 >JavaScript >帖子详情

我想做一个类似CSDN论坛一样分左右的页面，点一下中间的竖线左边能缩进，这个怎么做？

2004-11-11 02:36:20 126 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

victorxin 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 关注 + 加入社区

Markdown表格进阶：用HTML实现背景色、跨行跨列与多行内容 Markdown作为轻量级标记语言，以简洁语法成为技术写作的主流选择，然而原生Markdown表格在复杂场景下往往力不从心。其局限在于仅支持简单的行列与对齐控制，无法满足背景色、跨行跨列、多行内容等高级排版需求。借助HTML的table系列标签，可以在Markdown文档中直接嵌入丰富的表格结构，通过内联style属性实现精准的样式控制，利用colspan与rowspan实现灵活的单元格合并，结合br、ul、pre等标签在单元格内组织复杂内容。这种方案在CSDN、Typora、Obsidian等主流编辑器中阅读详情

RT

...全文

配置赞助广告

Markdown 快速入门下（扩展语法篇） Markdown 快速入门下（扩展语法篇） 1. 简介在Markdown创世人 John Gruber最初设计文档中的基础语法基本可以满足一般日常文档编写，比如非专业技术性文章。但对文档内容形式有特殊需求的，基础语法还是不够的，扩展语法由此应运而生。对于扩展语法的贡献主要是一些个人和组织，扩展的语法包括但不限于表格、代码块、高亮、URL 自动连接、脚注等。需要注意的并不是所有的Markdown应用软件都支持高级的扩展语法，当你需要使用扩展语法时，请务必检查使用的工具是否支持。 2. 扩展语法阅读详情

相关推荐

银行招聘笔试计算机知识点计算机一级基础知识点总结.docx

银行招聘笔试计算机知识点计算机一级基础知识点总结

银行计算机类招聘Java笔试题.docx

银行计算机类招聘Java笔试题

银行招聘笔试计算机知识点--计算机考试题库及答案(全)(1).docx

银行招聘笔试计算机知识点--计算机考试题库及答案(全)(1).docx

人民银行招聘笔试计算机专业笔试经验分享.docx

人民银行招聘笔试计算机专业笔试经验分享.docx

平头哥在等你

中国工商银行软件开发笔试面试.docx

中国工商银行软件开发笔试面试.docx

2

已收藏

我想做一个类似CSDN论坛一样分左右的页面，点一下中间的竖线左边能缩进，这个怎么做？

RT

复制链接

扫一扫

返回顶部

JavaScript · 87,983 成员 · 224,680 内容

+ 关注 + 加入社区

评论 2

切换为时间正序

shuanyu 2004-11-11

打赏
举报

回复

用框架，用iframe，用表格都行

<script language="JavaScript">
defcol='';
function expandf(){
if(document.body.cols!="10,*")
document.body.cols="10,*";
else
document.body.cols=defcol
}
</script>

terrypeng 2004-11-11

打赏
举报

回复

<script language="javascript">
function f_ChangeWidth(){
var oChange = event.srcElement;
if(oChange.src.search("JTL_SEL.gif") != -1){
oChange.src = 'images/JTR.gif';
oChange.title ='右栏还原';
lefttd.style.display ="none";
righttd.style.width ="100%";
}else{
oChange.title = '右栏最大化';
lefttd.style.display ="inline";
lefttd.style.width ="25%";
righttd.style.width ="75%";
oChange.src = 'images/JTL_SEL.gif';
}
}
function SelImage()
{
var oChange = event.srcElement;
if(oChange.src.search("JTL.gif") != -1)
oChange.src = 'images/JTL_SEL.gif';
else
oChange.src = 'images/JTR_SEL.gif';
}
function UnSelImage()
{
var oChange = event.srcElement;
if(oChange.src.search("JTL_SEL.gif") != -1)
oChange.src='images/JTL.gif';
else
oChange.src='images/JTR.gif';
}
</script>