جلوگیری از دو سطر شدن عناوین در باکس

[Kamali 1]

با سلام و احترام .

ببخشید من میخواستم بدونم چجوری بعضی سایتها ، از دو سطر شدن عناوینشون در یک باکس جلوگیری میکنن و به وسیله ی سه نقطه ( ... ) بیننده رو از طولانی بودن اون عنوان مطلع می کنن ؟

دقیقا مثله عکس زیر که یکی از عنوان ها طولانی تر از بقیه س و همونطور که می بینید به جای اینکه عنوان رو به دو سطر برسونه ، 3 نقطه گذاشته .

 

چجوری میشه اینکارو کرد ؟ منم نمیخوام هیچ عنوانم در یک باکس ، بیشتر از یک سطر بشه ، حتی اگه طولانی باشه .

[فرحان 997]

سلام. میتونید از تابع زیر استفاده کنید:

function mytheme_custom_title( $limit ) {
    $title = get_the_title()
    $title = substr( $title, 0, $limit );
    $title = substr( $title, 0, strripos( $title, " " ) );
    $title = trim( preg_replace( '/\s+/', ' ', $title ) );
    $title = $title . '...';
    return $title;
}

تابع رو بگذارید توی فایل فانکشن پوسته، بعد تو فایل های مختلف پوسته (هرجا که نیازتونه) از تابع بالا به این صورت استفاده کنید:

//be jaye the_title(); gharar bedid :
echo mytheme_custom_title(50); //50 ya har meghdare delkhah

 

[Kamali 1]

در 42 دقیقه قبل، فرحان گفته است :

سلام. میتونید از تابع زیر استفاده کنید:

function mytheme_custom_title( $limit ) {
    $title = get_the_title()
    $title = substr( $title, 0, $limit );
    $title = substr( $title, 0, strripos( $title, " " ) );
    $title = trim( preg_replace( '/\s+/', ' ', $title ) );
    $title = $title . '...';
    return $title;
}

تابع رو بگذارید توی فایل فانکشن پوسته، بعد تو فایل های مختلف پوسته (هرجا که نیازتونه) از تابع بالا به این صورت استفاده کنید:

//be jaye the_title(); gharar bedid :
echo mytheme_custom_title(50); //50 ya har meghdare delkhah

 

 

تشکر ولی منظور من با تابع نبود ، من میخوام از طریق css اینکارو انجام بدم ، به وسیله ی css نمیشه دستوری رو واسه اینکار نوشت ؟ css دستوری واسه اینکار نداره ؟

[Rohani 389]

#div2 {
    white-space: nowrap; 
    width: 200px; 
    overflow: hidden;
    text-overflow: ellipsis; 
   
}

 

[Kamali 1]

در 9 ساعت قبل، Rohani گفته است :

#div2 {
    white-space: nowrap; 
    width: 200px; 
    overflow: hidden;
    text-overflow: ellipsis; 
   
}

 

تشکر ولی تغییری ایجاد نشد !

[Kamali 1]

واسه اینکار ، هیچ کدی نیست که درست عمل کنه ؟

[فرحان 997]

در در 4/14/2017 at 08:50، Kamali گفته است :

تشکر ولی تغییری ایجاد نشد !

کدی که براتون گذاشتن رو چجوری استفاده کردین ؟ اون #div2 باید به المنت مورد نظرتون تغییر کنه.

[Kamali 1]

در 10 ساعت قبل، فرحان گفته است :

کدی که براتون گذاشتن رو چجوری استفاده کردین ؟ اون #div2 باید به المنت مورد نظرتون تغییر کنه.

بله اینو میدونم و دقیقا در استایل باکس مورد نظرم گذاشتم ولی متأسفانه کار نکرد ، کد کامله و هیچی اضافه نمیخواد بشه ؟