Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

HTML Elemente in eine Zeile bringen

09.07.2021 (👁1643)


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