Wie kann man in HTML mehrere Links in eine einzige Zeile
formatieren, so dass möglichst kein Umbruch auf der gesamten Breite entsteht.
Betrifft: Asp Core
HTML Razor
In folgendem Asp Core Razor HTML Code werden Ordner durch
einen Split mit / ermittelt und sollen in einem HTML Div Element ausgegeben
werden
|
//---<
Folder-Div >--->
<div >
📂
@{
//--<
@SubFolders >--
string[] subFolders = item.Folder.Split('/');
@foreach (var subFolder in subFolders)
{
//< SubFolder >
string sURL_Folder =
item.IDArticle.ToString();
if (sQuery != "") { sURL_Folder = sURL_Folder + sQuery;
}
<a href="/📁/@subFolder" title="@subFolder" class="list_folder">
@subFolder
</a>
//</ SubFolder >
}
//--</
@SubFolders >--
}
</div>
//---< Folder-Div >--->
|
Ausgabe in HTML
Dabei werden jeweils jeder Link in eine eigene Zeile im
Browser ausgeben
Gliederung in eine Reihe
Durch die css Style Kombination
display:flex;flex-grow;
warden die HTMLElemente in einer Zeile dargestellt
|
<div class="list_Div_Row shadow-sm
rounded" style="display:flex;flex-grow;">
|
