How does CSS turn multi row data into two columns and multiple rows?

First of all, you have to have a reasonable layout:

Wrap an unordered list with a box, fix the width of the box model, when the li has no width, it is a single column, when the li has a width and floats, it can become multiple columns and rows at will.

Now let's say the box model is 450 or so wide and the padding is 10:

Style 1 (one column with multiple rows):

Initialize the inner and outer fillers.

li initializes the list.

boxbox .list li

Style 2 (two columns and multiple rows):

Initialize the inner and outer fillers.

li initializes the list.

box At this time, the width of the list is only 450-10=440, and the width can be set to 210 plus 10 on the right side.

box .list

box .list:after clears the float.

box .list li Two 220 are just 440 wide.

If you can't do it, let's rearrange it.

Left. Middle.

On the right.

A width can be easily defined on the outer layer.

Each row of data can be labeled, which is a little more convenient. CSS also sets a width and adds float:left;.

This wraps automatically according to the width. ^^

The home page of your data html writing should be standardized. For example, write in ul+li unordered list.

This is very convenient for typography. Use CSS float and width to control a few rows and columns, an example is as follows:

Display XML with XSL

xsl file.

XML file:

Put it below. Run this xml view! Can!

The above is a rendering, which is written in detail by ul and li:

css**：

demobox

demobox li

demobox

html**：12

3The general idea is to use width and floating, give ul a fixed width, the first line of the li displayed bisects this width, and the later li automatically goes to the second line because there is no position, so that it occupies a single line, and this effect can be achieved.

Above, I hope it will be helpful to you.

This is the source I wrote**, you can read it, and share it with other netizens, mainly using display:inline-block;

That's my train of thought.

By the way, I wrote ** to help other netizens.

And give some advice.,It's good to use this in the merge line.,Or just use all of them is good.,Thank you, can you use it in the future?

>"> third li is 240px wide

The third li is 230px wide

The third li is 260px wide

li float, then set li cool. The sum width of the above two LIs is less than the UL width, and the combined width of the three LIs is greater than the UL width.

The multi-line data ** input in C++ is implemented as follows:

cin>>n;

while（n--）

Write the implementation of **;

This expression reads a number from the standard input, saves it in n, and enters the operator (>> returns its left object, which in this case is cin, so this loop is actually detecting cin

When an istream object is used as a condition, the effect is to detect the state of the stream. If the flow is valid, the flow is not experiencing errors. When a file terminator is encountered, or an invalid input is encountered, the status of the istream object becomes invalid.

An istream object in an invalid state makes the condition false.

As a result, the while loop is executed until the end of the file (or invalid input) is encountered. Note: Input in C++ will take a bit slower than scanf(), and some questions may time out if the input volume is large.

There are two main ways to implement multi-line data entry in C++:

Enter an n first, which means that there will be n inputs and outputs, for example:

#include

using namespace std;

int main()

statement until you enter ctrl+z, ending the input, for example:

#include

#include

using namespace std;

int main()

int n;

while(cin>>n){

cout<<"Output:"<

If there is only one data in one row, then directly cin>>i(integer), I don't know how many rows are used loop, read until there is no data for(int i; cin>>i;);

Of course, different situations are different ways to read, you have to be specific! For example, what do you want to read?

int a[10];

for(int i=0;i<10;i++)cin>>a[i];

I don't know if it meets your requirements.

Cin take a look at the function below, there is.

You can use a div box on the left and right, or you can set it with li, the width of ul can only accommodate two lis and the distance in the middle, and if there are more, you will squeeze down and wrap.

2. Enter html**:12 in the tag in

3. The browser runs the page, and the first grid of ** spans two rows and two columns at the same time.

A row becomes a column, you can use copy-paste selective-check the transposed building to turn multiple rows into a column, what is the standard to follow?

How do you want to combine multiple rows of data into one column?

Or transpose it, and then use > Merge.

Select the right-click merge cells you want to operate.

Multiple rows of data into a column, you can do this:

Select and copy multiple rows of data, and then right-click on the cell and click Paste Special in the pop-up menu.

A dialog box pops up, click Transpose.

Copy multiple rows first, and then paste them in the empty cells, and select Transpose to replace the data that was originally rows with columns.