Prevent table from extending parent width

The table containing the _Permalink style examples_ [in the docs](http://jekyllrb.com/docs/permalinks/#permalink-style-examples) extends the width of the content container.

The solution I propose is a bit dirty, because I remove `permalink: ` in the left column to make the table fit.

Another way would be using `white-space: normal;` for code inside tables. That would lead to _ugly_ line-breaks within the code.

What do you think?
This commit is contained in:
Philipp Rudloff 2014-05-19 16:41:33 +02:00
parent 5b281a06d6
commit 936a00a974
1 changed files with 4 additions and 4 deletions

View File

@ -146,7 +146,7 @@ Given a post named: `/2009-04-29-slap-chop.textile`
<table> <table>
<thead> <thead>
<tr> <tr>
<th>Permalink Setting</th> <th>URL Template</th>
<th>Resulting Permalink URL</th> <th>Resulting Permalink URL</th>
</tr> </tr>
</thead> </thead>
@ -161,7 +161,7 @@ Given a post named: `/2009-04-29-slap-chop.textile`
</tr> </tr>
<tr> <tr>
<td> <td>
<p><code>permalink: pretty</code></p> <p><code>pretty</code></p>
</td> </td>
<td> <td>
<p><code>/2009/04/29/slap-chop/index.html</code></p> <p><code>/2009/04/29/slap-chop/index.html</code></p>
@ -169,7 +169,7 @@ Given a post named: `/2009-04-29-slap-chop.textile`
</tr> </tr>
<tr> <tr>
<td> <td>
<p><code>permalink: /:month-:day-:year/:title.html</code></p> <p><code>/:month-:day-:year/:title.html</code></p>
</td> </td>
<td> <td>
<p><code>/04-29-2009/slap-chop.html</code></p> <p><code>/04-29-2009/slap-chop.html</code></p>
@ -177,7 +177,7 @@ Given a post named: `/2009-04-29-slap-chop.textile`
</tr> </tr>
<tr> <tr>
<td> <td>
<p><code>permalink: /blog/:year/:month/:day/:title</code></p> <p><code>/blog/:year/:month/:day/:title</code></p>
</td> </td>
<td> <td>
<p><code>/blog/2009/04/29/slap-chop/index.html</code></p> <p><code>/blog/2009/04/29/slap-chop/index.html</code></p>