2

网站： 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)

特别限制：无法在 wikia 中使用“div 样式”，由一位版主报告：kancolle.wikia.com/wiki/Thread:390020

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

到目前为止的故事：

<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 的 HR 总是会生成纯文本：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

4

0 回答 0