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;"> |