aoli 發表於 2023-6-3 11:12:05

实现“段首缩进”改进帖子美观度，简单实现方法。

<font face="宋体">&nbsp; &nbsp; 首先这篇小记向</font>“飘仙建站”致敬。<font face="Tahoma">https://bbs.piaoxian.net/</font><font face="宋体">一个孤独分享心得的网站论坛。</font>&nbsp; &nbsp; <font size="4">由于我发帖子不能使用隐藏回复可见功能，为防止帖子沉底，看到的得到启发的坛友，回复一下。</font>&nbsp; &nbsp; 段首缩进，从排版印刷美观和优化用户体验的角度来看，确实非常实用，从民国时的《教育部划一教育机关公文格式办法》开始到现在，大家普遍已经习惯的使用，成为中国人的一个视觉必备，有人说段首现在都不缩进，互联网都这样的。&nbsp; &nbsp; 用户体验是最直接的说明，做最好的用户体验，做最贴近用户的直观展现，选择在自己。&nbsp; &nbsp; DZ<font face="宋体">具体实现“段首缩进”方法很简单，小手点个赞，接着向下看。</font><font face="宋体">&nbsp; &nbsp; 飘仙原文略作修改：发现发的帖子段落和段落之间区分不够，首行字也不会自动缩</font>2<font face="宋体">格，找了教程，发现还挺简单：</font><font face="Tahoma">DZ</font><font face="宋体">论坛帖子内容设置自动首行缩进、默认行高、默认字体</font>&nbsp; &nbsp; 1<font face="宋体">、登录后台，点击模板，找到自己用的模版，点击模板缩略图边上的编辑：</font>&nbsp; &nbsp; 2<font face="宋体">、点击编辑以后，向下拉，找到“帖子内容字号 ”，将</font><font face="Tahoma">16px;line-height:2.5em;text-indent:3em;font-family:Microsoft Yahei; </font><font face="宋体">粘贴到框里面，前面的</font><font face="Tahoma">16PX</font><font face="宋体">是字体大小，可以根据自己需要更改。（我的模板是简约设计的“资源分类</font><font face="Tahoma">_</font><font face="宋体">素材</font><font face="Tahoma">_</font><font face="宋体">教程”以前数据是“</font><font face="Tahoma">16px;line-height: 1.8;</font><font face="宋体">”）</font>&nbsp; &nbsp; 论坛论坛，大家进行讨论，可以互驳观点，请别对人身进行攻击。 &nbsp; &nbsp; <font size="6"><font color="#ff0000">回复是发帖子的动力。</font></font><br />宋体<em>, </em>left<em>, </em>Tahoma

aoli 發表於 2023-6-3 11:20:00

<img title="微信图片_20230603111806.png" id="aimg_22987" aid="22987" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202306/03/111901f1ygg05blyrbby5n.png" src="https://www.dismall.com/data/attachment/forum/202306/03/111901f1ygg05blyrbby5n.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><img title="微信图片_20230603111758.png" id="aimg_22986" aid="22986" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202306/03/111820z2cubrtpdaidkn5v.png" src="https://www.dismall.com/data/attachment/forum/202306/03/111820z2cubrtpdaidkn5v.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />左边是没有首行缩进的帖子，右边是缩进的帖子<br />

qwexiamen 發表於 2023-6-3 11:56:48

前排沙发 顶一下

罗永浩 發表於 2023-6-3 11:58:50

换行就好了，你下面的演示图片首行缩进不也换行吗？上面的故意不换= =

aoli 發表於 2023-6-3 12:28:46

<br />这两幅截图分别是更换代码前后的截图，没有我的主观行为，不存在故意不故意。试试就知道，

fujie1982 發表於 2023-6-3 21:32:41

新站贴子少可以弄。老站贴子多就算了。<br />以前可能打多了回车和空格。看起来正常了。如果再用这个代码搞一次，又会乱版。所以大家可以根据情况来。

upup 發表於 2023-6-3 22:31:54

按照楼主说的改了。发帖的时候，实现首行缩进了。但帖子发出来后，只有第一段首行缩进了。其它段落显示的还是原来的样子，没有缩进

专家 發表於 2023-6-4 04:18:50

Discuz编辑器原生就支持首行缩进和行距，为什么要用这种奇怪的方式去实现……<br /><br />完整版编辑器在居左 中 右 那三个按钮左边还有一个按钮，名叫自动排版。<br />如果你有好奇心，选中一些内容，点击这个按钮试试，就会看到如下所示的效果：<br /><br /><p style="line-height:30px;text-indent:2em;text-align:left">排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版</p><br /><br />系统会为其添加标准的“首行缩进2个字，加大行距”效果。<br /><br />如果你想进一步调整，可以点击纯文本那个勾查看代码，里面的代码是这样的：<ol><li></ol><br />30是行距，2是首行缩进的量。可以按个人喜好进行修改。如果你给改成了50的行距，首行缩进4个字，则会变成这样：<br /><br /><p style="line-height:50px;text-indent:4em;text-align:left">排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版</p><br /><br />当然如果你想要反人类的视觉效果也可以改成行距为10（比字号还小）：<br /><br /><p style="line-height:10px;text-indent:4em;text-align:left">排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版</p><br /><br /><hr class="l" /><br /><br />顺便补充一下，虽然在这里为大家提供了首行缩进的设置方法，但除非有特殊需求，否则不建议在日常发帖回帖当中使用首行缩进这类格式。<br />首行缩进，是纸质印刷品时代的产物。由于段落之间用空行分隔会浪费纸张，因此才会用首行缩进的方式勉强做一下段落的视觉区分。<br />但是数字时代的设计规范已经不再建议出现这样的东西了，因为屏幕显示是没有浪费纸这样的概念的，段落之间可以直接用空行分隔，首行缩进这种当年的妥协产物已经完全失去了意义。

专家 發表於 2023-6-4 04:24:30

<br />数字时代，区分段落确实已经演变为以换行为主流的方式了，段落之间的区分更清晰。<br />首行缩进原本就是纸质传媒时代发明出来区分段落用的，为了印刷的时候不用留空行，还能有段落的视觉区分，省纸。<br />网页再去用这个就没意思了，也没必要。

aoli 發表於 2023-6-5 08:02:48

<p style="line-height:30px;text-indent:2em;text-align:left">排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版</p><br />排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版<br />排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版<br />排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版<br /><br /><br /><br /><br />
頁: [1]
查看完整版本: 实现“段首缩进”改进帖子美观度，简单实现方法。