Hướng dẫn remove last character from string css - xóa ký tự cuối cùng khỏi chuỗi css

Question

Có thể xóa hoặc chỉ đơn giản là ẩn ký tự cuối cùng trong một chuỗi trong CSS thuần túy?

Nội dung chính Show

Bình luận
Đáp lại
Xóa bốn ký tự cuối cùng
Xóa hai ký tự đầu tiên
Cắt tỉa khoảng trắng
Làm cách nào để loại bỏ ký tự cuối cùng của chuỗi?
Làm thế nào để bạn cắt một chuỗi trong CSS?
Làm thế nào để bạn loại bỏ ký tự cuối cùng trong HTML?

Khi tôi tìm kiếm điều này, tất cả những gì tôi tìm thấy là các giải pháp JavaScript / jQuery.

Cảm ơn bạn trước.

Đã hỏi ngày 10 tháng 6 năm 2014 lúc 20:49Jun 10, 2014 at 20:49

2

Sử dụng CSS3 text-overflow.text-overflow.

(Thông tin thêm về text-overflow)

Bản demo trực tiếp trên jsfiddle

CSS:

#txt{
    position:relative;
    padding:7px;
    text-align:justify;
    background:#e7e7e7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

Làm việc trong: (phiên bản mới nhất) (latest versions)

Firefox
trình duyệt Chrome
Opera
IE (không quan trọng: D)

Ashleedawg

Phim thương hiệu vàng 19.4K77 gold badges69 silver badges100 bronze badges

Đã trả lời ngày 10 tháng 6 năm 2014 lúc 21:07Jun 10, 2014 at 21:07

MOSTAFAFAZNVERAFAFAZNVmostafaznv

90813 Huy hiệu bạc22 Huy hiệu đồng13 silver badges22 bronze badges

2

Theo như tôi biết, điều đó là không thể sử dụng CSS thuần túy; Có một bộ chọn một chữ cái đầu tiên, nhưng không :: Last-letter. Thay vào đó, bạn có thể sử dụng các thẻ để đặt chữ cái cuối cùng từ phần còn lại của văn bản.

Đã trả lời ngày 10 tháng 6 năm 2014 lúc 21:00Jun 10, 2014 at 21:00

Timothy Smithtimothy SmithTimothy Smith

7701 Huy hiệu vàng5 Huy hiệu bạc15 Huy hiệu đồng1 gold badge5 silver badges15 bronze badges

Bạn đã có tài năng - tất cả những gì bạn cần bây giờ là các công cụ. Yêu cầu $ 50 trong tín dụng lưu trữ miễn phí trên Cloudways với mã CSSTRICKS!

Bình luận

Felix Kiunke
Permalink để bình luận# ngày 3 tháng 9 năm 2012# September 3, 2012
Có một cách ngắn hơn :-)
```
"Happy Dance7".slice(0,-1) //"Happy Dance"
```
Đáp lại
Kindiff
Permalink để bình luận# ngày 3 tháng 9 năm 2012# September 3, 2012
Có một cách ngắn hơn :-)
Đáp lại
var trimmedString = origString.slice(0,-1);
console.log(trimmedString);
Đáp lại
Kindiff
Permalink để bình luận# ngày 3 tháng 9 năm 2012# September 3, 2012
Có một cách ngắn hơn :-)
Đáp lại
- Kindiff
  Permalink để bình luận# ngày 3 tháng 9 năm 2012# September 3, 2012
  Có một cách ngắn hơn :-)

Đáp lại

Kindiff

Hoặc, bạn có thể sử dụng Slice ();

Var OrigString = ‘Happy Dance7,; var trimmedString = origString.Slice (0, -1); Console.log (TrimmedString);

Ánh sáng lờ mờ*

Mã ngắn hơn là tốt hơn. Cảm ơn JQuery.

Lưu tên, email và trang web của tôi trong trình duyệt này cho lần tiếp theo tôi nhận xét.

Nhận bản tin CSS-Tricks

Sao chép và dán mã này: Micuno*micuno *

Địa chỉ email của bạn sẽ không được công bố.

Xóa bốn ký tự cuối cùng

var myString = "abcdefg";
var newString = myString.substr(0, myString.length-4); 
// newString is now "abc"

Xóa hai ký tự đầu tiên

var myString = "abcdefg";
var newString = myString.substr(2);
// newString is now "cdefg"

Ghi chú

Hàm substr có thể được gọi trên bất kỳ chuỗi nào có hai tham số số nguyên, tùy chọn thứ hai. Nếu chỉ có một cái được cung cấp, nó bắt đầu ở số nguyên đó và di chuyển đến cuối chuỗi, băm nhỏ. Nếu hai tham số được cung cấp, nó bắt đầu ở số đầu tiên và kết thúc ở lần thứ hai, cắt giảm bắt đầu và kết thúc khi nó có thể.

Thí dụ

Abcdefghijklmnopqrstuvwxyz

Cắt tỉa khoảng trắng

Đây là một loạt các cách.

Làm thế nào bạn có thể loại bỏ ký tự cuối cùng khỏi một chuỗi?

Giải pháp đơn giản nhất là sử dụng phương thức slice() của chuỗi, chuyển 2 tham số. Đầu tiên là 0, điểm bắt đầu. Thứ hai là số lượng vật phẩm để loại bỏ. Vượt qua một số âm sẽ loại bỏ bắt đầu từ cuối. Đây là giải pháp:

const text = 'abcdef'
const editedText = text.slice(0, -1) //'abcde'

Lưu ý rằng phương thức slice() không sửa đổi chuỗi gốc.

Nó tạo ra một chuỗi mới, đây là lý do tại sao tôi gán nó cho một biến mới trong ví dụ trên.

Làm cách nào để loại bỏ ký tự cuối cùng của chuỗi?

Để loại bỏ ký tự cuối cùng của một chuỗi đã cho, chúng ta phải sử dụng hai tham số: 0 làm chỉ số bắt đầu và chỉ số của ký tự áp chót.Chúng ta có thể đạt được điều đó bằng cách gọi phương thức String () của chuỗi và trừ 1 từ kết quả.calling String's length() method, and subtracting 1 from the result.

Làm thế nào để bạn cắt một chuỗi trong CSS?

AFAIK: Không có cách nào để làm điều đó trong CSS.Cách duy nhất để đạt được những gì bạn muốn là sử dụng một số ngôn ngữ tập lệnh (ví dụ: JavaScript).Lưu câu trả lời này.There's no way to do that in CSS. The only way to achieve what you want is using some script language (e.g. JavaScript). Save this answer.

Làm thế nào để bạn loại bỏ ký tự cuối cùng trong HTML?

Để loại bỏ ký tự cuối cùng khỏi chuỗi trong JavaScript, bạn nên sử dụng phương thức Slice ().Phải mất hai đối số: chỉ số bắt đầu và chỉ mục cuối.Slice () hỗ trợ lập chỉ mục âm, có nghĩa là lát (0, -1) tương đương với lát (0, độ dài str. 1).use the slice() method. It takes two arguments: the start index and the end index. slice() supports negative indexing, which means that slice(0, -1) is equivalent to slice(0, str. length - 1) .

programming css css last-letter