马黑黑 发表于 2022-1-7 22:32

p标签设置个margin试试

本帖最后由 马黑黑 于 2022-1-7 22:33 编辑 <br /><br /><style>
.pp { margin: 0 0 20px 0; }
</style>

<p class="pp">CSS里的margin是外边距,p标签是HTML段落标签。Discuz! 论坛似乎对p标签的margin设定不合我意,这里试着修改本帖页面p标签margin的值为 20 px 0,看看段落之间的间距效果怎样。</p>
<p class="pp">代码:</p>
<p class="pp">&lt;style&gt;<br>.pp {margin:0 0 20px 0; }<br>&lt;/style&gt;</p>
<p class="pp">以上代码在设定好后,先在纯文本模式下写入一行 &lt;p class="pp"&gt;文本&lt;/p&gt;,再切换到编辑模式,这时会发现,打回车的换行方式已经按设定的显示了。如果需要&lt;br&gt;换行,按Shift+回车键便可。</p>
<p class="pp">0 0 20px 0 的意思:上、右都为0,下为20px,左为0</p><p class="pp">试了一下类选择器下的&nbsp;p&nbsp;标签样式,论坛里无效,只能一个一个p标签用class语句了。</p>

红影 发表于 2022-1-8 13:07

原来不同的论坛程序,对css语句的展示效果是不一样的。

马黑黑 发表于 2022-1-8 13:21

红影 发表于 2022-1-8 13:07
原来不同的论坛程序,对css语句的展示效果是不一样的。

discuz! 对所有HTML标签都做了自己的设定

红影 发表于 2022-1-8 21:44

马黑黑 发表于 2022-1-8 13:21
discuz! 对所有HTML标签都做了自己的设定

嗯嗯,因为不懂,之前对这个完全不知道呢。

马黑黑 发表于 2022-1-8 22:40

红影 发表于 2022-1-8 21:44
嗯嗯,因为不懂,之前对这个完全不知道呢。

这也正常

红影 发表于 2022-1-8 23:35

马黑黑 发表于 2022-1-8 22:40
这也正常

用html语句的时候会有影响的吧。

马黑黑 发表于 2022-1-8 23:37

红影 发表于 2022-1-8 23:35
用html语句的时候会有影响的吧。

其实都有。你在默认情况下打一个回车,再打一个回车,系统给的代码是 <p><br><br></p>,从完美主义者的角度考虑,这是不对的。不过效果一样。

红影 发表于 2022-1-8 23:41

马黑黑 发表于 2022-1-8 23:37
其实都有。你在默认情况下打一个回车,再打一个回车,系统给的代码是 ,从完美主义者的角度考虑,这是不 ...

这里面的细节真多。

马黑黑 发表于 2022-1-9 07:24

红影 发表于 2022-1-8 23:41
这里面的细节真多。

以前,我接受的理念是,网页段落间距要比行间距大一些才合理。

红影 发表于 2022-1-9 17:03

马黑黑 发表于 2022-1-9 07:24
以前,我接受的理念是,网页段落间距要比行间距大一些才合理。

是啊,这样才看得更清楚些,你说的没错。只是不是所有人都注意这些细节的。

马黑黑 发表于 2022-1-9 17:59

红影 发表于 2022-1-9 17:03
是啊,这样才看得更清楚些,你说的没错。只是不是所有人都注意这些细节的。

Word里默认段间距也是与行间距无区别

红影 发表于 2022-1-9 19:21

马黑黑 发表于 2022-1-9 17:59
Word里默认段间距也是与行间距无区别

但有首行缩进可设置,倒也算清楚些了。

马黑黑 发表于 2022-1-9 19:37

红影 发表于 2022-1-9 19:21
但有首行缩进可设置,倒也算清楚些了。

首行缩进我说过吗?我说的应该是首字大号

小辣椒 发表于 2022-1-9 20:47

其实平时我们在用都是可以看见了就算了,没有黑黑这么标准的{:4_173:}

小辣椒 发表于 2022-1-9 20:48

主要我们不懂,现在黑黑的讲授真的很有利于学习

马黑黑 发表于 2022-1-9 22:14

小辣椒 发表于 2022-1-9 20:48
主要我们不懂,现在黑黑的讲授真的很有利于学习

共同学习

红影 发表于 2022-1-10 10:39

马黑黑 发表于 2022-1-9 19:37
首行缩进我说过吗?我说的应该是首字大号

这个,看起来会不会不太整齐、

马黑黑 发表于 2022-1-10 10:45

红影 发表于 2022-1-10 10:39
这个,看起来会不会不太整齐、

首字(母)大号在web中其实很流行,它的作用大约是提供阅读便利,读到它那里就知道有一个新段落了。中文排版更喜欢用首行缩进,你看那个边框与轮廓就是采用p标签的 text-indent 设置的缩进效果,2em 相当于两个字的距离。

红影 发表于 2022-1-10 11:25

马黑黑 发表于 2022-1-10 10:45
首字(母)大号在web中其实很流行,它的作用大约是提供阅读便利,读到它那里就知道有一个新段落了。中文 ...

嗯嗯,是按中文习惯设置的吧。

马黑黑 发表于 2022-1-10 11:39

红影 发表于 2022-1-10 11:25
嗯嗯,是按中文习惯设置的吧。

报纸正文排版也有各种花样的。以前我管过一段时间的猪猪报社,知道这个。
页: [1] 2
查看完整版本: p标签设置个margin试试