Coder Social home page Coder Social logo

Comments (5)

 avatar commented on June 15, 2024

Why are you up at 2am posting issues.

Afaik it will try to not break after the element, so anything after it shouldn't matter. It might just be starting the <p> element at the end of the page, and the actual text is on the following page.

p { page-break-inside: avoid; }

I'm guessing if that's the problem that should fix it.

I can't test this myself as my printer is packed away. Can you submit the file you're having problems with?

from markdown-css.

cscorley avatar cscorley commented on June 15, 2024

But, adding that p {} section will cause all paragraphs to be non-breaking, which may not be desired (for long paragraphs).

This gist contains three files: the markdown file, the resulting HTML file, and PDF generated by printing through Chromium. Note that I am using python-markdown to generate the HTML, and Chromium 15.0.874.106 (Developer Build 107270 Linux) Ubuntu 10.04.

from markdown-css.

 avatar commented on June 15, 2024

Ok, I've tested this a bit myself using the print preview in Firefox. I've also read over the CSS spec a few times, It doesn't seem like it should be breaking there.

This is the spec if you're interested in trying to figure it out yourself: http://www.w3.org/TR/CSS21/page.html#page-breaks

from markdown-css.

cscorley avatar cscorley commented on June 15, 2024

I attempted to peruse that spec before making the issue, but couldn't figure out the problem. I've also tried this in Safari 5.1.2, Chrome 16.0.912.77, and Firefox 9.0.1 (all tested on OSX). Maybe it works on Internet Explorer . . .

I'm just guessing it's a CSS limitation now. (It was 2 am afterall...)

from markdown-css.

 avatar commented on June 15, 2024

I think you're right. I'll go ahead and close the issue, but I'll pursue the print style sheet a bit more once I have a bit of time.

from markdown-css.

Related Issues (5)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.