ვებსაიტების ტექსტებში სიტყვებს შორის მანძილის შეცვლა არც ისე ტრივიალურია, როგორც შეიძლება ჩანდეს. ორი, სამი ან მეტი ზედიზედ სივრცე მიმდებარე სიტყვებს შორის, HTML სტანდარტების შესაბამისად, არანაირად არ იმოქმედებს მათ შორის მანძილზე - ბრაუზერი აჩვენებს მათ, როგორც ერთ ადგილს. მაგრამ, რა თქმა უნდა, არსებობს ინსტრუმენტები ამ პრობლემის გადასაჭრელად.
ინსტრუქციები
Ნაბიჯი 1
ერთი ვარიანტია გამოიყენოს სპეციალური HTML სიმბოლო, რომელსაც ეწოდება breakable-space. იგი ნაჩვენებია ისევე, როგორც ჩვეულებრივი სივრცე, და თავისებურება ისაა, რომ თუ ორი სიტყვა გამოყოფილია ამგვარი განსაკუთრებული სივრცით, მაშინ ბრაუზერი ჩათვლის, რომ ეს არის ერთი შერწყმული სიტყვა, რომლის გამოყოფა შეუძლებელია. ამ მახასიათებლის გამო, ბრაუზერი ხელს არ შეუშლის ზედიზედ რამდენიმე ასეთი სივრცის ჩვენებას, ე.ი. არ შეცვლის მრავალ ადგილს ერთით. ეს სპეციალური ნიშანი აღინიშნება სიმბოლოების შემდეგი ნაკრებით: "& nbsr;" (ციტატების გარეშე). დოკუმენტის წყაროს კოდში, ტექსტის აბზაცი სიტყვებით, რომლებიც გამოყოფილია ამგვარი სპეციალური სიმბოლოებით, ასე გამოიყურება
ეს არის & nbsr; & nbsr; აბზაცი & nbsr; & nbsr; & nbsr; ტექსტის ნიმუში.
აქ მანძილი პირველ და მეორე სიტყვას შორის ნორმალური იქნება, მეორე და მესამე - გაორმაგებული და მესამე და მეოთხე შორის სამჯერ.
ნაბიჯი 2
ბევრად უფრო ხშირად გამოიყენება სიტყვების შუალედის კონტროლი სტილის აღწერის ენის (CSS) გამოყენებით. CSS ენაზე შესაბამისი განმარტება შეიძლება ასე გამოიყურებოდეს: word-spacing: 15px; აქ მოცემულია სივრცის ზომა მეზობელ სიტყვებს შორის 15 პიქსელში. თქვენ შეგიძლიათ დაამატოთ სტილის ატრიბუტი თითქმის ნებისმიერ თეგს. მაგალითად, აბზაცის ნიშანი ამ ატრიბუტით, რომელიც ადგენს 20 პიქსელის მანძილს აბზაცის ყველა სიტყვას შორის, შეიძლება ასე გამოიყურებოდეს:
ტექსტის აბზაცი სიტყვებს შორის გაზრდილი ინტერვალით
ნაბიჯი 3
როგორც წესი, სტილის ბლოკები მოთავსებულია დოკუმენტის სათაურში ან ცალკეულ ფაილებში. ასეთ ბლოკში შეგიძლიათ დააყენოთ რამდენიმე მნიშვნელობა სიტყვებს შორის მანძილისთვის და შეფუთოთ სხვადასხვა კლასებად, ხოლო დოკუმენტის კორპუსში მიუთითოთ შესაბამისი კლასების ბმულები თეგებში. მაგალითად, კლასის აღწერა, სახელად dblSpace, შეიძლება ასე გამოიყურებოდეს:
.dblSpace {word-spacing: 20px}
აბზაცის ნიშანი, რომელსაც აქვს ამ კლასის ბმული დოკუმენტის ნაწილში, მაგალითად, ასეთი იქნება:
აბზაცი სიტყვის ფართო ინტერვალით
