转跳到内容

为什么我在发表主题前设置好的文字大小、间距和首字缩进在发表以后会不一样?


只显示该作者

只有该作者的内容显示中。 返回到主题

推荐贴

1 小时前,攸薩说道:

:mx040:这个情况我到挺常出现的,编排一些透明度调整也会这样,导致要二度编辑才会保持

怎么又被使唤!话说攸薩你自己也会的呀!我又不会知道的更多!:NEKOMIMI_PARADISE_14:

论坛本身有禁止一些css代码运行的机制,不是什么都能放的,然后即使是可以运行的代码放进去也莫名其妙会掉,无论是提前写好还是输入框临时修改都一样,没办法的事情,所以重要的项目需要提前写好帖子。

2 小时前,fantasy_kb说道:

<style>
 p {text-indent:1.8em;line-height: 2;} 
 </style>

fantasy的行距2测试结果:行距设置肯定是可行的,隔壁贴测试过了https://sstm.moe/topic/338521-嗯……应该是关于表情包的bug?以及ms-word的粘贴问题……/?do=findComment&comment=16870846

首行缩进也是可行的,使用的代码和上面提到的一致,所以为什么会导致失败?:NEKOMIMI_PARADISE_35:

我猜测可能的原因是fantasy大人使用代码的方式出了问题,这种p {text-indent:1.8em;line-height: 2;} 添加代码的方式是会被论坛规则屏蔽的,我很多年前好像使用过不行,你需要使用style="line-height:2;text-indent: 2em;"这种方式添加样式才行w

注释
攸薩 攸薩 1.00节操 皮卡丘只是萌物,排版都靠WORD不开F12(
链接到点评
19 分钟前,fantasy_kb说道:

感谢解答,我刚刚去试了一下,确实可以长久发布后依然保存代码,但是只限于我添加的文字前一段。我这里又有一个疑问了,我该怎样让每一段我回车后的文字都自动添加这个代码呢?

其实直接在已经缩进和行距设定好的文本按回车,下一个文本就会自动应用上一行的排版了喔w :NEKOMIMI_PARADISE_13:

如果想要已经写好的文本再添加样式的话,因为没有便捷的按钮,只能一行一行自己添加代码。。什么的,并不是这样喔w

可以去f12控制台里面运行下面的代码(选择页面所有p元素,并添加首行缩进2字符):
let pElements = document.querySelectorAll('p'); pElements.forEach((p) => { p.style.textIndent = '2em'; });

那么整个页面的每一行都会添加好首行缩进啦,不过详细的规则需要懂js语法,有什么不会的可以另外问我喔w

链接到点评
8 分钟前,fantasy_kb说道:

阿里嘎多梦羊羊桑:Genshin_Xiangling_001:

 

这个非常实用,下次我就这样子用

这个有点不太懂,等我去琢磨琢磨,对这个没啥经验,但是如果需要到这个功能我会去尝试一下的

我随时都可以问喔,有什么问题尽管来吧~ :NEKOMIMI_PARADISE_15:

后面的代码稍微有些超纲了,需要的话我可以根据要求定制给你w

另外你可以猜猜你的铭牌是以谁的名字作为启发的w(bushi

链接到点评
26 分钟前,fantasy_kb说道:

let pElements = document.querySelectorAll('p'); pElements.forEach((p) => { p.style.textIndent='2em';.lineheight= '2'.fontsize = '20px'; });

其实只差临门一脚喔!首先每个效果之间要加;分开,然后每个效果都要写成“p.style.xxx”这种样式 :NEKOMIMI_PARADISE_15:

然后使用这个代码运行的话也是要不同的效果名字的,而不是写在网页上的效果名,如果觉得不够直观的话可以使用这个:

let pElements = document.querySelectorAll('p');

pElements.forEach((p) => {
    p.style.cssText = 'text-indent: 2em; line-height: 2; font-size: 20px;';
});
直接替换所有p元素内的style里面的文字为text-indent: 2em; line-height: 2; font-size: 20px;而不是添加效果,会导致有些行的文字原本的效果消失。

如果要继续用刚刚的代码的话,则是如下,添加效果,而不替换原本的效果:

let pElements = document.querySelectorAll('p'); 

pElements.forEach((p) => { 
    p.style.textIndent = '2em';
    p.style.lineHeight = '2'; 
    p.style.fontSize = '20px'; 
});
 

链接到点评
游客
此主题已关闭。
×
×
  • 新建...

重要消息

为使您更好地使用该站点,请仔细阅读以下内容: 使用条款