Bản mẫu:Nowrap begin/doc
|
|
Đây là một trang con tài liệu sử dụng bản mẫu dành cho Bản mẫu:Nowrap begin (xem bản mẫu tại trang đó). |
This template prevents word wraps (line breaks) in text and links with spaces in. It is designed to handle the really tricky wrapping cases where you need full control. For instance in very complex long link lists. It works similarly to {{nowrap}} and {{nowraplinks}}.
This template takes no parameters, instead it works in pair with {{nowrap end}}.
Helper templates
sửaThis template has a number of helper templates which allows you to tell the web browser exactly where line breaks may occur:
- {{wrap}} - Marks where a wrap may occur.
- {{·wrap}} - Looks like this: " · ". For dotted lists. Renders a bold middot surrounded by spaces and then marks that a wrap may occur after the midddot.
- {{•wrap}} - Looks like this: " • ". For dotted lists that use small font and thus need a bigger dot. Renders a bullet surrounded by spaces and then marks that a wrap may occur after the bullet.
- {{–wrap}} - Looks like this: " – ". For dashed lists. Renders a ndash surrounded by spaces and then marks that a wrap may occur after the ndash.
- {{!wrap}} - Looks like this: " | ". For pipe separated lists. Renders a pipe surrounded by spaces and then marks that a wrap may occur after the pipe. The pipe used is not a real pipe but the code
|so should work within wiki tables etc.
Note! The helper templates may only be used in sections surrounded by {{nowrap begin}} and {{nowrap end}} or they may cause weird behaviour of your page.
Usage
sửa{{nowrap begin}}
[[Salt]] and{{wrap}} [[Pepper]] and{{wrap}} [[Curry]]
and{{wrap}} [[Saffron]].{{wrap}}
[[Salt]] and{{wrap}} [[Pepper]] and{{wrap}} [[Curry]]
and{{wrap}} [[Saffron]].
{{nowrap end}}
It will render something like this:
But it will not render like this:
To make your code readable and easy to edit, you can put each wrappable "line" on its own line. And let's use some dots too. Like this:
{{nowrap begin}}
[[Salt]] and [[Pepper]]{{·wrap}}
[[Pepper]] and [[Curry]]{{·wrap}}
[[Curry]] and [[Saffron]]{{·wrap}}
[[Saffron]] and [[Salt]]
{{nowrap end}}
It will render something like this:
But it will not render like this:
Examples
sửaHere are the above examples in actual running code in a table. Try dragging the width of your web browser window so it becomes smaller and smaller and watch how the line wrapping behaves:
|
Salt andBản mẫu:Wrap Pepper andBản mẫu:Wrap Curry andBản mẫu:Wrap Saffron.Bản mẫu:Wrap Salt andBản mẫu:Wrap Pepper andBản mẫu:Wrap Curry andBản mẫu:Wrap Saffron. |
Salt and PepperBản mẫu:·wrap Pepper and CurryBản mẫu:·wrap Curry and SaffronBản mẫu:·wrap Saffron and Salt |
An example demonstrating all the helper templates:
Technical details
sửaThe actual code that does the job is this HTML+CSS code:
<span style="white-space:nowrap;"> Text and links </span> <span style="white-space:nowrap;"> More text and links </span>
It means that wraps may only happen in the unprotected space between the </span> and the <span ...>. That's what the {{nowrap begin}} and its helper templates are packaging in an easy to use way.
The {{·wrap}} and the {{•wrap}} tolerates anything from no to several spaces and newlines on either side. They will always render only one space on each side of the dot, and if a wrap occurs then the wrap will come after the dot, not before.
The {{·wrap}} causes problems if inside sections of bolded text. Do end the bold text before the {{·wrap}} and continue the bold text after it to avoid the problems. {{•wrap}} does not have this problem.
See also
sửa- {{nowrap end}} - The other end of this template.
- {{nowrap}} - A template with similar purpose.
- {{nowraplinks}} - Prevents wraps inside links and only allows wraps between the links and in normal text. Very useful for link lists and usually easier to use than this template.
- {{·}} and {{•}} - If you need dots/bullets when not using {{nowrap begin}} and {{nowrap end}}.