blocks|key|1950166|text|不，没有办法做到这一点，对不起:(+PlantUML背后的想法是你不应该太关心布局渲染。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1950167|实际上，PlantUML的早期版本用来对齐类，但这是一个问题:当有许多不相关的类时，图往往很大很细。因此，添加了一个补丁来组织正方形中的班级。|1950168|您希望在图表中包含多少个类？当然，可以禁用组织补丁，例如3到5个类。你可以在the+forum上发布一个建议，看看其他用户是怎么想的。|offset|length|1950169|entityMap|0|LINK|mutability|MUTABLE|url|http://sourceforge.net/apps/phpbb/plantuml/viewforum.php?f=1^0|0|0|12|9|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

No, there's no way to do that, sorry :( The idea behind PlantUML is that you should not care too much about the layout rendering.

Actually, early versions of PlantUML use to align classes, but it was an issue: When there were many unrelated classes, diagrams tended to be very large and very thin. So a patch was added to organize classes in a square.

How many classes do you want to have in your diagram? Sure it would be possible to disable the organizing patch for e.g. 3 to 5 classes. You could post a suggestion to <a href="http://sourceforge.net/apps/phpbb/plantuml/viewforum.php?f=1" rel="noreferrer">the forum</a> to see what other users think about it.

blocks|key|3430320|text|使用-[hidden]关系可以完成以下工作：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3430321|@startuml++
class+Bob++
class+Alice++
class+Dan++
class+Foo
class+Bar
class+Foobar

Bob+-[hidden]+Alice
Bar+-[hidden]+Foobar
@enduml|code-block|syntax|javascript|3430322|​|3430323|📷|atomic|3430324|3430325|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/af1a0c883f96d20ab964d5695cd283c2.png|imageAlt^0|2|9|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@]|D|@]|E|$]]|$1|M|3|N|5|O|7|14|8|@]|D|@$9|15|A|16|1|17]]|E|$]]|$1|P|3|L|5|6|7|18|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X|Y|-4]]]]

Using a <code>-[hidden]</code> relation can do the job :

<pre><code>@startuml 
class Bob 
class Alice 
class Dan 
class Foo
class Bar
class Foobar

Bob -[hidden] Alice
Bar -[hidden] Foobar
@enduml
</code></pre>

<a href="https://i.stack.imgur.com/FOgPx.png" rel="noreferrer"><img src="https://i.stack.imgur.com/FOgPx.png" alt="http://www.plantuml.com/plantuml/png/Iyv9B2vMSCfFKb3WIWQp7NCoarFXF9V4F3ZRBJyVod9AB4A89G4vN20JTACpCbDIKlDY8MPm0LKXYK5K0W00"></a>

blocks|key|3430379|text|一种更简洁的方法是将它们放在一个隐藏的包中，这更符合逻辑。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3430380|@startuml

skinparam+shadowing+false
skinparam+package<<Layout>>+{
++borderColor+Transparent
++backgroundColor+Transparent
++fontColor+Transparent
++stereotypeFontColor+Transparent
}

package+x+<<Layout>>{+
++++class+A
++++class+B
}+
A+..+D
B+..+C
C+..+D

A1+..+D1
B1+..+C1
C1+..+D1

@end|code-block|syntax|javascript|3430381|​|3430382|📷|atomic|offset|length|3430383|3430384|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/4ea193d4605d047cded09b0b0adec551.png|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Z|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|10|8|@]|9|@$L|11|M|12|1|13]]|A|$]]|$1|N|3|H|5|6|7|14|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V|W|-4]]]]

A cleaner approach is to put them in a hidden package, which is more logical.

<pre><code>@startuml

skinparam shadowing false
skinparam package&lt;&lt;Layout&gt;&gt; {
 borderColor Transparent
 backgroundColor Transparent
 fontColor Transparent
 stereotypeFontColor Transparent
}

package x &lt;&lt;Layout&gt;&gt;{ 
 class A
 class B
} 
A .. D
B .. C
C .. D

A1 .. D1
B1 .. C1
C1 .. D1

@end
</code></pre>

<a href="https://i.stack.imgur.com/SdsWk.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SdsWk.png" alt="enter image description here"></a>

blocks|key|1949143|text|2019年8月8日更新|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1949144|从Rotsiser的评论中，通过结合改变行的长度和一起关键字，它可以对齐元素|1949145|@startuml
class+A
A+..>+B
C+--->+B
D+...>+B
together+{
++++class+E
++++class+F
++++class+G
}
E+---->+B
@enduml|code-block|syntax|javascript|1949146|​|1949147|📷|atomic|offset|length|1949148|1949149|1949150|过时了|1949151|您可以通过更改行字符数来对齐元素，例如'-‘、'.’等。|1949152|@startuml
class+A
A+..>+B
C+--->+B
D+...>+B
E+---->+B
F+---->+B
G+---->+B
@enduml|1949153|1949154|1949155|1949156|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/67de48f16e9cf16769d00fd4e47fa38e.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/277113ca9dd4c61f32361674e9bb0004.png^0|0|0|0|0|0|1|0|0|0|0|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1C|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1D|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1E|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|1F|8|@]|9|@$N|1G|O|1H|1|1I]]|A|$]]|$1|P|3|J|5|6|7|1J|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1L|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|1M|8|@]|9|@]|A|$]]|$1|V|3|W|5|F|7|1N|8|@]|9|@]|A|$G|H]]|$1|X|3|J|5|6|7|1O|8|@]|9|@]|A|$]]|$1|Y|3|L|5|M|7|1P|8|@]|9|@$N|1Q|O|1R|1|1S]]|A|$]]|$1|Z|3|J|5|6|7|1T|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|17|18|-4]]|19|$5|13|14|15|A|$16|1A|18|-4]]]]

UPDATES Aug.08.2019

From Rotsiser's comment, by combining changing the length of lines with together keyword, it can align elements 

<pre><code>@startuml
class A
A ..&gt; B
C ---&gt; B
D ...&gt; B
together {
 class E
 class F
 class G
}
E ----&gt; B
@enduml
</code></pre>

<a href="https://i.stack.imgur.com/gR498.png" rel="noreferrer"><img src="https://i.stack.imgur.com/gR498.png" alt="enter image description here"></a>

<hr>

OUTDATED

You are able to align elements by changing the number of line's character, such as '-', '.', and so on.

<pre><code>@startuml
class A
A ..&gt; B
C ---&gt; B
D ...&gt; B
E ----&gt; B
F ----&gt; B
G ----&gt; B
@enduml
</code></pre>

<a href="https://www.plantuml.com/plantuml/png/SoWkIImgAStDuKhEIImkLd3aSbJGqxDJSE9oLj3LrGKnN802O15Ne0X4o0tESeUp75BpKe3c0000" rel="noreferrer"><img src="https://www.plantuml.com/plantuml/png/SoWkIImgAStDuKhEIImkLd3aSbJGqxDJSE9oLj3LrGKnN802O15Ne0X4o0tESeUp75BpKe3c0000" alt="enter image description here"></a>

blocks|key|1949167|text|您不需要hidden+package，请使用together关键字：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1949168|together+{
class+A
class+B
}|code-block|syntax|javascript|1949169|entityMap^0|4|E|M|8|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

You don't need a <code>hidden package</code>, use the <code>together</code> keyword:

<pre><code>together {
class A
class B
}
</code></pre>

blocks|key|3430792|text|这是一个解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3430793|文档："It+is+also+possible+to+change+arrow+direction+by+adding+left,+right,+up+or+down+keywords+inside+the+arrow:"|offset|length|3430794|@startuml
foo+-left->+dummyLeft+
foo+-right->+dummyRight+
foo+-up->+dummyUp+
foo+-down->+dummyDown
@enduml|code-block|syntax|javascript|3430795|​|3430796|📷|atomic|3430797|3430798|关于你的问题：|3430799|@startuml
class+Bob
class+Alice
class+Dan
Alice+-left[hidden]->+Bob
Alice+-right[hidden]->+Dan+
@enduml|3430800|3430801|3430802|3430803|它也可能是有用的：|3430804|@startuml
class+Bob
class+Alice
class+Dan
Bob+-right-%7C>+Alice
Alice+-right->+Dan
interface+Friend
Dan+-up..>+Friend
interface+Person
Friend+-left->+Person
interface+Object
Person+-down->+Object
interface+Native
Object+-right->+Native
@enduml|3430805|3430806|3430807|3430808|entityMap|0|LINK|mutability|MUTABLE|url|http://plantuml.com/class-diagram|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/f649ee456a626af0e10fe7f47249cc79.png|imageAlt|2|https://ask.qcloudimg.com/http-save/yehe-900000/2fe2133e9eb55e0866e2a89745d0bd73.png|3|https://ask.qcloudimg.com/http-save/yehe-900000/927a2472b66ab7f032ce073953f7330f.png^0|0|3|30|0|0|0|0|0|1|1|0|0|0|0|0|0|1|2|0|0|0|0|0|0|1|3|0|0^^$0|@$1|2|3|4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1N|8|@]|9|@$D|1O|E|1P|1|1Q]]|A|$]]|$1|F|3|G|5|H|7|1R|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|1S|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|1T|8|@]|9|@$D|1U|E|1V|1|1W]]|A|$]]|$1|P|3|L|5|6|7|1X|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|S|3|T|5|H|7|1Z|8|@]|9|@]|A|$I|J]]|$1|U|3|L|5|6|7|20|8|@]|9|@]|A|$]]|$1|V|3|N|5|O|7|21|8|@]|9|@$D|22|E|23|1|24]]|A|$]]|$1|W|3|L|5|6|7|25|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|26|8|@]|9|@]|A|$]]|$1|Z|3|10|5|H|7|27|8|@]|9|@]|A|$I|J]]|$1|11|3|L|5|6|7|28|8|@]|9|@]|A|$]]|$1|12|3|N|5|O|7|29|8|@]|9|@$D|2A|E|2B|1|2C]]|A|$]]|$1|13|3|L|5|6|7|2D|8|@]|9|@]|A|$]]|$1|14|3|-4|5|6|7|2E|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B]]|1C|$5|1D|18|1E|A|$1F|1G|1H|-4]]|1I|$5|1D|18|1E|A|$1F|1J|1H|-4]]|1K|$5|1D|18|1E|A|$1F|1L|1H|-4]]]]

Here is a solution.

The documentation:
<a href="http://plantuml.com/class-diagram" rel="noreferrer">"It is also possible to change arrow direction by adding left, right, up or down keywords inside the arrow:"</a>

<pre><code>@startuml
foo -left-&gt; dummyLeft 
foo -right-&gt; dummyRight 
foo -up-&gt; dummyUp 
foo -down-&gt; dummyDown
@enduml
</code></pre>

<a href="https://i.stack.imgur.com/ZYYWE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ZYYWE.png" alt="enter image description here"></a>

To your question:

<pre><code>@startuml
class Bob
class Alice
class Dan
Alice -left[hidden]-&gt; Bob
Alice -right[hidden]-&gt; Dan 
@enduml
</code></pre>

<a href="https://i.stack.imgur.com/RnV7K.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RnV7K.png" alt="enter image description here"></a>

It may also be useful:

<pre><code>@startuml
class Bob
class Alice
class Dan
Bob -right-|&gt; Alice
Alice -right-&gt; Dan
interface Friend
Dan -up..&gt; Friend
interface Person
Friend -left-&gt; Person
interface Object
Person -down-&gt; Object
interface Native
Object -right-&gt; Native
@enduml
</code></pre>

<a href="https://i.stack.imgur.com/UL41o.png" rel="noreferrer"><img src="https://i.stack.imgur.com/UL41o.png" alt="enter image description here"></a>

I am using PlantUML to make simple class diagrams and the tool is awesome, but I couldn't find any way to align classes with each other except putting them into packages or using relationships like Alice -left-* Bob. What I need is something like:

<pre><code>@startuml 
class Bob 
class Alice 
class Dan 
**Dan aligned Alice: horizontally** 
'or using a grid? 
**Bob at grid (2, 3)** 
@enduml
</code></pre>

Is there a way?

How to align blocks in PlantUML class diagrams?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在使用PlantUML制作简单的类图，这个工具非常棒，但除了将它们放入包中或使用像Alice -left-* Bob这样的关系之外，我找不到任何方法来使类彼此对齐。我需要的是：@startuml  class Bob  class Alice  class Dan  **Dan aligned Alice: hor...

问如何在PlantUML类图中对齐模块？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在PlantUML类图中对齐模块？EN