Jquery 在标题中格式化h1
我对在“贝拉”标志下使用“杰基”有问题。我能让它进入的唯一方法是使用换行符,这会增加很多空间。任何人对如何解决这个问题都有任何建议 HTML:Jquery 在标题中格式化h1,jquery,html,css,header,Jquery,Html,Css,Header,我对在“贝拉”标志下使用“杰基”有问题。我能让它进入的唯一方法是使用换行符,这会增加很多空间。任何人对如何解决这个问题都有任何建议 HTML: <div class="header"> <div class="wrapper"> <h1><a href="#">Bella<i>by Jackie</i></a></h1> <ul> <li><a hre
<div class="header">
<div class="wrapper">
<h1><a href="#">Bella<i>by Jackie</i></a></h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="whatwedo.html">What We Do</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="benefits.html">Benefits</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
.header h1 {
float: left;
line-height: inherit;
background: #969;
padding: 0px 30px 0px 30px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 0px 0px 2px 2px;
margin-top: 0px;
}
.header h1 a {
margin-bottom:-20px;
}
.header h1 i {
font-family: 'Lobster', cursive;
font-size: medium;
font-style: normal;
padding-left: 0.5em;
padding-top: -10px;
}
.header h1 a {
font-family: 'Lobster', cursive;
font-size: 36px;
}
这里有一个参考您只需将其设置为
显示:块
,即可达到所需效果。不需要添加更多的HTML
您只需将其设置为
display:block
,即可达到所需效果。不需要添加更多的HTML
您只需将其设置为
display:block
,即可达到所需效果。不需要添加更多的HTML
您只需将其设置为
display:block
,即可达到所需效果。不需要添加更多的HTML
使用此代码:
添加此CSS类:
span{
display:block;
}
并按如下方式编辑您的html:
<div class="header">
<div class="wrapper">
<h1><a href="#">Bella<i><span>by Jackie</span></i></a></h1>
</div>
</div>
使用以下代码:
添加此CSS类:
span{
display:block;
}
并按如下方式编辑您的html:
<div class="header">
<div class="wrapper">
<h1><a href="#">Bella<i><span>by Jackie</span></i></a></h1>
</div>
</div>
使用以下代码:
添加此CSS类:
span{
display:block;
}
并按如下方式编辑您的html:
<div class="header">
<div class="wrapper">
<h1><a href="#">Bella<i><span>by Jackie</span></i></a></h1>
</div>
</div>
使用以下代码:
添加此CSS类:
span{
display:block;
}
并按如下方式编辑您的html:
<div class="header">
<div class="wrapper">
<h1><a href="#">Bella<i><span>by Jackie</span></i></a></h1>
</div>
</div>
添加
显示:块代码>到
.header h1 i {
font-family:'Lobster', cursive;
font-size: medium;
font-style: normal;
padding-left: 0.5em;
padding-top: -10px;
display:block;
}
添加显示:块代码>到
.header h1 i {
font-family:'Lobster', cursive;
font-size: medium;
font-style: normal;
padding-left: 0.5em;
padding-top: -10px;
display:block;
}
添加显示:块代码>到
.header h1 i {
font-family:'Lobster', cursive;
font-size: medium;
font-style: normal;
padding-left: 0.5em;
padding-top: -10px;
display:block;
}
添加显示:块代码>到
.header h1 i {
font-family:'Lobster', cursive;
font-size: medium;
font-style: normal;
padding-left: 0.5em;
padding-top: -10px;
display:block;
}
第一:如果可以,将I标记更改为SPAN标记。其语义目的是用于书目文献:书籍/杂志/文章标题
第二:将“贝拉”和“杰姬”分别包装在各自的跨度内:
<h1>
<a href="#" title="">
<span class="header-title org">Bella</span>
<span class="header-title owner">By Jackie</span>
</a>
</h1>
第一:如果可以,将I标记更改为SPAN标记。其语义目的是用于书目文献:书籍/杂志/文章标题
第二:将“贝拉”和“杰姬”分别包装在各自的跨度内:
<h1>
<a href="#" title="">
<span class="header-title org">Bella</span>
<span class="header-title owner">By Jackie</span>
</a>
</h1>
第一:如果可以,将I标记更改为SPAN标记。其语义目的是用于书目文献:书籍/杂志/文章标题
第二:将“贝拉”和“杰姬”分别包装在各自的跨度内:
<h1>
<a href="#" title="">
<span class="header-title org">Bella</span>
<span class="header-title owner">By Jackie</span>
</a>
</h1>
第一:如果可以,将I标记更改为SPAN标记。其语义目的是用于书目文献:书籍/杂志/文章标题
第二:将“贝拉”和“杰姬”分别包装在各自的跨度内:
<h1>
<a href="#" title="">
<span class="header-title org">Bella</span>
<span class="header-title owner">By Jackie</span>
</a>
</h1>