Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > body text

I want to display 5 articles in one line_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:20:11
Original
1067 people have browsed it

At first, I would wrap the line after 6 articles. In order to align it, I filled in spaces after each article. I found that I could fill in other matching articles, but I couldn’t fill in spaces.

Later I thought that this method is not very good. It seems that it can be controlled with css div. I am not familiar with this method. How should I do it? Can you help me write it down? ? Thank you




Below is my original method, I use c# razor view 

    <div>        @foreach (var cat in Model.CateFather)        {            if (cat.IsMagazine.HasValue && cat.IsMagazine.Value)            {            @Html.ActionLink(cat.Name, "Magazine", "Lib",new { id = cat.ID }, new { target = "_blank", title = cat.Name });       //杂志类型            }            else            {            @Html.ActionLink(cat.Name, "Category", "Lib", new { id = cat.ID }, new { target = "_blank", title = cat.Name })  //一般分类            }            counter6 = counter6 + 1;            if (counter6 % 6 == 0)            {            <br />                counter6 = 0;            }            else            {                            int i = System.Text.Encoding.GetEncoding("gb2312").GetBytes(cat.Name).Length;                string strSpace = "";                if (30 > i)                {                               @strSpace.PadRight(30 - i, '-');                }                            }        }    </div>
Copy after login


Reply to the discussion (solution )

Now I use div layout, and I have a new problem, look at the picture below
Why does the piece in the red box go to the right? I want it to be below
Please tell me How to write?



The following is html

Or do it yourself

Just add a

🎜>

Related labels：
一行我想显示5篇文章
source：php.cn
Previous article：I want to realize that the top navigation and bottom copyright are placed at the top and bottom of the web page respectively, and there is no drop-down scroll bar on the right side. _html/css_WEB-ITnose Next article：Looking for help with a problem with Sina Weibo oathu2.0? ? _html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Move the content to the left by adding the Width property I have provided margins to the body. main {left margin: 200px; right margin: 200px; text a...
From 2024-04-06 22:01:35
0
3
816
Center align DIV with content on both sides So I have 5 items (within the containing DIV). The line-up of items is as follows: Text Im...
From 2024-04-04 23:19:14
0
1
3438
Choose the appropriate application architecture to handle bearer tokens I want to use an API that uses OAuth2.0 In short, I need to obtain an access token that I ...
From 2024-04-04 08:55:57
0
1
353
Is it possible to have multiple span classes on the same line without using div s? I wanted each text to have a different color, so I used multiple span classes to set the c...
From 2024-04-03 11:17:18
0
1
360
Crosstab query in PHP and MYSQL I was looking for a way to implement a crosstab query in MySQL and found the answer from t...
From 2024-04-02 22:34:20
0
1
414
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template