مندرجات کا رخ کریں

سانچہ:Inline block

آزاد دائرۃ المعارف، ویکیپیڈیا سے

Usage

[ترمیم]

The template {{Inline block}} creates an element—by default a <span>—that has the سی ایس ایس property display:inline-block. There is support for a range of common style properties as template parameters, and an all-purpose style parameter.

One intended use is to replace {{nowrap}} when coding templates with complex layout, which need to display differently on mobile and desktop. Like {{nowrap}}, it holds content together and avoids wrapping it where possible. However, if necessary, such as on small screens, the content will wrap.

Example of wrapping control

[ترمیم]

In each case the outline represents a width constraint, which might be affected by the user's screen size, other parts of the template, or both.

1 (red)=گیس3 (black)=ٹھوس80 (green)=مائعColor of the atomic number shows مادے کی حالت (at 0 °C and 1 atm)
1 (red)=گیس3 (black)=ٹھوس80 (green)=مائعColor of the atomic number shows مادے کی حالت (at 0 °C and 1 atm)
1 (red)=گیس3 (black)=ٹھوس80 (green)=مائعColor of the atomic number shows مادے کی حالت (at 0 °C and 1 atm)

Here, each grey box and the text "Color of ..." are wrapped in {{inline block}} templates. If {{nowrap}} had been used instead, there would be no visible difference in the first two cases. In the third case, however, the text would have been unable to wrap into the space available. On mobile, this might mean that a table or the whole article is forced to become horizontally scrollable.

TemplateData

[ترمیم]
ذیل میں اس سانچہ کی معلومات سانچہ دستاویز درج ہے جنہیں بصری خانہ ترمیم اور دیگر آلات استعمال کرتے ہیں۔

معلومات سانچہ Inline block

The template {{Inline block}} creates an inline-block element. Among other uses, it can replace {{nowrap}} when coding templates with complex layout.
Content1
The content to be wrapped in an inline-block element
Tag name2
Changes the HTML tag used. This may affect what elements this template should contain or be contained by.
طے شدہ
span
مثال
div, abbr
Titletitle
Title of the content (used as tooltip text, or expanded abbreviation when 2=abbr)
مثال
died (for abbr d.)
Widthwidth
The width; passed directly to the "width" سی ایس ایس attribute
Heightheight
The height; passed directly to the "height" CSS attribute
Text colorcolor
The text color; passed directly to the "color" CSS attribute
Background formattingbackground
bg
The background formatting; passed directly to the "background" CSS attribute
Other stylesstyle
Style information as plain CSS.

The template {{Inline block}} creates an inline-block element. Among other uses, it can replace {{nowrap}} when coding templates with complex layout.

محددات سانچہ[انتظام TemplateData]

پیرامیٹروضاحتطرزحالت
Content1

The content to be wrapped in an inline-block element

مندرجاتاختیاری
Tag name2

Changes the HTML tag used. This may affect what elements this template should contain or be contained by.

طے شدہ
span
مثال
div, abbr
اِسٹرنگاختیاری
Titletitle

Title of the content (used as tooltip text, or expanded abbreviation when 2=abbr)

طے شدہ
مثال
died (for abbr d.)
اِسٹرنگاختیاری
Widthwidth

The width; passed directly to the "width" سی ایس ایس attribute

اِسٹرنگاختیاری
Heightheight

The height; passed directly to the "height" CSS attribute

اِسٹرنگاختیاری
Text colorcolor

The text color; passed directly to the "color" CSS attribute

اِسٹرنگاختیاری
Background formattingbackground bg

The background formatting; passed directly to the "background" CSS attribute

اِسٹرنگاختیاری
Other stylesstyle

Style information as plain CSS.

اِسٹرنگاختیاری