Question

在jekyll博客中使用kramdown和rouge进行降价语法突出显示，我想防止长行代码换行换行。我希望能够使用水平滚动条来显示其余内容。

这是jekyll配置：

    public static class DatePickerFragment extends DialogFragment implements OnDateSetListener{

    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {...}


   @Override
    public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
        calendar.set(Calendar.YEAR,year);
        calendar.set(Calendar.MONTH,monthOfYear);
        calendar.set(Calendar.DAY_OF_MONTH,dayOfMonth);
        userDate = userFormat.format(calendar.getTime());
        sysDate = sysFormat.format(calendar.getTime());
        TextView displayDate = (TextView)getActivity().findViewById(R.id.displayDate);
        displayDate.setText(userDate);
        ((MainActivity)getActivity()).reloadMap();
    }

我正在使用markdown: kramdown kramdown: input: GFM syntax_highlighter: rouge命令生成的base16.solarized.dark css主题。

以下是一个示例代码用法：

rougify

Answer 1

Boostrap正在添加white-space: pre-wrap规则，以帮助代码阻止可读性。

如果您希望使用代码块来避免此换行，则可以编辑 css / data-creative.css 并添加

pre code{
  white-space: pre;
}

Answer 2

您的某个CSS规则适用于code元素集white-space: pre-wrap。添加以下规则以覆盖它：

code {
    white-space: pre;
}

Answer 3

我这样解决了：

pre {
    ...
    overflow-x: scroll;
}

使用jekyll，kramdown和rouge防止代码块的换行

3 个答案: