Skip to content

Instantly share code, notes, and snippets.

@parzibyte

parzibyte/index.html

Created August 19, 2019 03:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save parzibyte/2fc543223209714cb55b5db21c79e632 to your computer and use it in GitHub Desktop.
Save parzibyte/2fc543223209714cb55b5db21c79e632 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Imprimir algunos elementos al imprimir</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous">
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<main role="main" class="container">
<div class="row">
<div class="col-12" id="app">
<h1 class="forzar-impresion">Imprimir algunos elementos al imprimir</h1>
<a href="//parzibyte.me/blog">By Parzibyte</a>
<p class="forzar-impresion">Este párrafo se imprime</p>
<p>Este no</p>
<div>
<p class="forzar-impresion">Hola, yo me imprimo</p>
<p><strong>Yo no</strong></p>
</div>
<h2 class="forzar-impresion">La siguiente imagen se imprime</h2>
<img class="forzar-impresion img-thumbnail" src="//picsum.photos/200"/>
<h2>La siguiente imagen NO se imprime</h2>
<img src="//picsum.photos/100"/>
<br>
<button id="btnImprimir" class="mt-2 btn btn-success">Imprimir</button>
</div>
</div>
</main>
<script src="script.js">
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment