символа процента не работает в HTML

Question

Я пытаюсь сделать метод, который делает строку, которая имеет изображение в нем для меня моего кода:

function makeRow($name,...){ 
    $r = ''; 
    $r .= "<img src=img/mamet.jpg style=padding:3px width=100% height=100% >"; 
    return $r; 
} 

, но вы видите, что немного «%» после того, как ширина и высота?

это не работает :( , кажется, что PHP двойные кавычки и одинарные кавычки имеют проблемы с этим персонажем:% (процент) , что я должен делать я даже попытался это:

\% 
\\% 
"%" 
'%' 

, но до сих пор не работает :(

Answer 1

правила CSS должны быть указаны с помощью оператора присваивания в :, а не оператор =. Кроме того, не хватает ; EOL буквального.

Попробуйте следующее:

function makeRow($name,...) 
{ 
    return '<img src="img/mamet.jpg" style="padding:3px; width:100%; height:100%" />'; 
} 

Answer 2

Предполагая, что OP действительно хотел использовать атрибуты вместо свойств CSS:

function makeRow($name,...){ 
    $r = ''; 
    $r .= '<img src="img/mamet.jpg" style="padding:3px;" width="100%" height="100%" >'; 
    return $r; 
} 

Причина этого не будет работать, потому что it is no longer in the HTML spec. Вы не можете использовать проценты в ширину и высоту атрибутов HTML 5.

Вместо этого поместите их в вашем стиле:

style="padding:3px; width:100%; height:100%" 

Answer 3

Попробуйте эту функцию

function imageTag($src, $attr=array(), $style=array()){ 
    $img_tag = '<img src="'.$src.'"'; 
    // check if atributes array is not empty 
    if(count($attr)){ 
     foreach($attr as $name => $value) 
      $img_tag .= ' ' . $name . '="' . $value . '";'; 
    } 
    // check if style array is not empty 
    if(count($style)){ 
     $img_tag .= ' style="'; 
     foreach($style as $name => $value) 
      $img_tag .= $name . ':' . $value . ';'; 
     $img_tag .= '"'; 
    } 

    $img_tag .= ' />'; 
    return $img_tag; 
} 

использование функции:

echo imageTag('images/image.jpg',array('title' => 'Image title', 'alt' => 'image_alt'), array('height' => '100%', 'width' => '100%', 'padding' => '5px'));