[英]Override 65ch max-width in Tailwind CSS Typography
I am using a Jekyll template with Tailwind and Typography, and I am interested in overriding the default max-width 65ch limit on each line.我正在使用带有 Tailwind 和 Typography 的 Jekyll 模板,我有兴趣覆盖每行的默认最大宽度 65ch 限制。
The default setting was max-w-prose
, and I have tried setting max-w-none
to the parent element, along with prose
, but it doesn't seem to work (although it messes with the alignment).默认设置是
max-w-prose
,我尝试将max-w-none
与prose
一起设置为父元素,但它似乎不起作用(尽管它会扰乱对齐方式)。 I have also tried setting the max-w-none
with prose
in every element (wary of unwanted overrides to 65ch) but this also isn't cutting it.我还尝试在每个元素中设置
max-w-none
with prose
(警惕不需要的覆盖到 65ch),但这也没有削减它。
I am thinking this could be done via the tailwind.config.js file, like:我认为这可以通过 tailwind.config.js 文件来完成,例如:
theme: {
extend: {
typography: {
DEFAULT: {
css: {
'prose': {
'max-width': '100ch'
},
'max-w-prose': {
'max-width': '100ch'
},
...
but I can't figure it out.但我想不通。 Any tips are super welcome!
非常欢迎任何提示!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.