search

Hướng dẫn how do you put two lines of text in html? - làm thế nào để bạn đặt hai dòng văn bản trong html?

Ngày đăng: 31/10/2022
Trả lời: 0
Lượt xem: 130

Cái tốt nhất tôi thấy chỉ là CSS và phản hồi đến từ Mobify Developer Blog - CSS Ellipsis: Cách quản lý dấu chấm lửng đa dòng trong CSS thuần túy:

Show

Ví dụ về JS Fiddle

CSS:

html, body, p { margin: 0; padding: 0; font-family: sans-serif;}

.ellipsis {
    overflow: hidden;
    height: 200px;
    line-height: 25px;
    margin: 20px;
    border: 5px solid #AAA; }

.ellipsis:before {
    content:"";
    float: left;
    width: 5px; height: 200px; }

.ellipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px; }        

.ellipsis:after {
    content: "\02026";  

    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right; position: relative;
    top: -25px; left: 100%; 
    width: 3em; margin-left: -3em;
    padding-right: 5px;

    text-align: right;

    background: -webkit-gradient(linear, left top, right top,
        from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);           
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); }

Html:


    

        
Call me Ishmael. Some years ago – never mind how long precisely – having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen, and regulating the circulation. Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people's hats off – then, I account it high time to get to sea as soon as I can.

Làm cách nào để đặt hai dòng văn bản trong HTML?

Để tạo đầu vào văn bản nhiều dòng, hãy sử dụng thẻ HTML. Bạn có thể đặt kích thước của một vùng văn bản bằng các thuộc tính COLS và hàng. Nó được sử dụng trong một biểu mẫu, để cho phép người dùng nhập văn bản qua nhiều hàng.

Làm cách nào để hiển thị văn bản trên nhiều dòng?

Nhấp vào tab Hiển thị. Để cho phép nhiều dòng văn bản được gõ vào hộp văn bản, hãy chọn hộp kiểm đa dòng và sau đó tùy chọn thực hiện một trong những điều sau đây: để ngăn người dùng không thể chèn đoạn văn trong hộp văn bản bằng cách nhấn ENTER, xóa xóa Hộp kiểm BREAKS BREAKS.

Thí dụ

Làm cách nào để đặt hai dòng văn bản bên cạnh một hình ảnh trong HTML?

This is another paragraph.

& nbsp; Ồ, hãy mang về Bonnie của tôi cho tôi.

Hãy tự mình thử »

Giải pháp - Phần tử HTML

Phần tử HTML 

 xác định văn bản được định dạng sẵn.
Văn bản bên trong phần tử 
 được hiển thị trong một phông chữ có chiều rộng cố định (thường là chuyển phát nhanh) và nó bảo tồn cả hai không gian và ngắt dòng:




 & nbsp; Bonnie của tôi nằm trên biển.
Bài tập HTML
Kiểm tra bản thân với các bài tập
This paragraph
contains a lot of lines
in the source code,
but the browser 
ignores it.
Sử dụng thẻ HTML chính xác để thêm một đoạn văn với văn bản "Xin chào thế giới!".
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser 
ignores it.
& nbsp; Ồ, hãy mang về Bonnie của tôi cho tôi.
Hãy tự mình thử »
Giải pháp - Phần tử HTML
Phần tử HTML 
 xác định văn bản được định dạng sẵn.
Thí dụ
Văn bản bên trong phần tử 
 được hiển thị trong một phông chữ có chiều rộng cố định (thường là chuyển phát nhanh) và nó bảo tồn cả hai không gian và ngắt dòng:
This is some text.


This
is heading 2

This is some other text.

 
& nbsp; Ồ, hãy mang về Bonnie của tôi cho tôi.




Hãy tự mình thử »
Giải pháp - Phần tử HTML
Phần tử HTML 
 xác định văn bản được định dạng sẵn.
Văn bản bên trong phần tử 
 được hiển thị trong một phông chữ có chiều rộng cố định (thường là chuyển phát nhanh) và nó bảo tồn cả hai không gian và ngắt dòng:
Thẻ 
 là một thẻ trống, có nghĩa là nó không có thẻ cuối.
Vấn đề bài thơ
Bài thơ này sẽ hiển thị trên một dòng duy nhất:
Thí dụ
& nbsp; Bonnie của tôi nằm trên đại dương.
  My Bonnie lies over the ocean.
& nbsp; Bonnie của tôi nằm trên biển.
& nbsp; Bonnie của tôi nằm trên đại dương.
& nbsp; Bonnie của tôi nằm trên biển.
& nbsp; Ồ, hãy mang về Bonnie của tôi cho tôi.
Hãy tự mình thử »
Giải pháp - Phần tử HTML
Phần tử HTML 
 xác định văn bản được định dạng sẵn.




Thí dụ
& nbsp; Bonnie của tôi nằm trên đại dương.
  My Bonnie lies over the ocean.
& nbsp; Bonnie của tôi nằm trên biển.
& nbsp; Bonnie của tôi nằm trên đại dương.
& nbsp; Bonnie của tôi nằm trên biển.
& nbsp; Ồ, hãy mang về Bonnie của tôi cho tôi.
Hãy tự mình thử »
Giải pháp - Phần tử HTML
Exercise:
Phần tử HTML 
 xác định văn bản được định dạng sẵn.
Văn bản bên trong phần tử 
 được hiển thị trong một phông chữ có chiều rộng cố định (thường là chuyển phát nhanh) và nó bảo tồn cả hai không gian và ngắt dòng:
  
 
  
  
Bắt đầu bài tập
Tham chiếu thẻ HTML
Tham chiếu thẻ của W3Schools chứa thông tin bổ sung về các phần tử HTML và các thuộc tính của chúng.


NhãnSự mô tả
Bắt đầu bài tậpXác định một đoạn văn
Bắt đầu bài tậpXác định một đoạn văn
Bắt đầu bài tậpXác định một đoạn văn
Bắt đầu bài tậpXác định một đoạn văn
Xác định một thay đổi theo chủ đề trong nội dung
 
 
 


Làm cách nào để đặt hai dòng văn bản trong HTML?


Để tạo đầu vào văn bản nhiều dòng, hãy sử dụng thẻ HTML. Bạn có thể đặt kích thước của một vùng văn bản bằng các thuộc tính COLS và hàng. Nó được sử dụng trong một biểu mẫu, để cho phép người dùng nhập văn bản qua nhiều hàng.use the HTML