Question

网站： kancolle.wikia.com/wiki/User:Rimedimichelangelo

正在使用的代码： wiki标记（en.wikipedia.org/wiki/Wiki_markup）

撰写本文时的MediaWiki版本： MediaWiki版本1.19.24（community.wikia.com/wiki/Help:MediaWiki）

正在使用的Wikia内置扩展程序： tabber（community.wikia.com/wiki/Help:Tabber）

特殊约束：无法在维基亚使用'div style'，如其中一位版主所报告：kancolle.wikia.com/wiki/Thread：390020

具体问题：与我在Stack Overflow中搜索过的其他“html中的垂直线”问题不同，我想在我的wikia服务器到我的wikia的两个链接图像之间放置一条垂直线profile（{{name-of-the-image}}），但我不能用CSS组装HTML“div”，或者用HTML和CSS组装Java，因为CSS在tabber中显示为纯文本，这是内置的我正在使用的维基扩展。

到目前为止

故事：

<div style="border-right:thin solid #FE2E2E: float:right;">
[[Image]]
</div>
[[Image]]

http://imgur.com/idOfmJX

<div style="border-right:thin solid #FE2E2E;">
[[Image]]
</div>
[[Image]]

线条仍然在右边太多，但现在高度是完美的。 http://imgur.com/WmpZ3S4

将“border-right”更改为“align-center”后，该行完全消失了。

此时我在Stack Overflow中搜索了答案并尝试了其他的事情。

[[Image]]
<td style="border-right:1px solid #FE2E2E;padding 5px;" 
[[Image]]
</td>

imgur.com/sz0vo3H

<div style="border-right:thin solid #FE2E2E: float:right;">
[[Image]]
</div>
<td style="border-right:1px solid #FE2E2E;padding 5px;" 
[[Image]]
</td>

imgur.com/5lDy1Eu

<div class="wrapper">
<div>
[[Image]]
</div>
<div class="leftBorder">
[[Image]]
</div>
<div class="clear">
<div>
[[Image]]
</div>
<div class="leftBorder">
[[Image]]
</div>

不显示行：imgur.com/Fc5VxuY

<hr class="vertical"/>

线是水平的：imgur.com/zHpoEp3

任何CSS的CSS都会产生纯文本：imgur.com/UZl1UOO

<hr style="transform: rotate(90deg);" />

制作一条整齐且居中的线但在图像上方，无论我在哪里放置代码，我都没有设法在左边放一个，在右边放一个：imgur.com/wvCO2Xc

 <hr style="width:0.5px;height:500px;"/>

和

<hr width="1" size="400">

都添加固定的居中行：imgur.com/a/AdkuL

总之，我想要用

获得的短红线

<div style="border-right:thin solid #FE2E2E;">
[[Image]]
</div>
[[Image]]

位于一张图像与另一张图像之间的中心位置。

在这里你可以找到除前两个之外的截图库：imgur.com/a/3JoXx 提前谢谢。

@zgood让我想起了填充物。

{{image on the left}}
<div style="border-left:thin solid #FE2E2E; padding-left:450px;">
{{image on the right}}
</div>

imgur.com/a/cyO7Y

在tabber

0 个答案: