CSS：图片和标题的对齐问题
山姆
我在尝试将图像与导航菜单内的标题对齐时遇到问题。理想情况下，所有内容都应在底部对齐。我创建了一个jsfiddle来重现该问题：
http://jsfiddle.net/graphicsxp/j2t9R/
<nav style="float: left">
<ul class="menu">
<li>
<a href="index.html" class="logo">
<img src="img/logo.png" alt="" class="brand logo_def" width="125" height="39" /></a>
</li>
<li>
<h4 >Sam</h4>
</li>
</ul>
<div class="clear"></div>
</nav>
<nav>
<ul class="menu">
<li class="current-menu-parent"><a href="javascript:void(0)">ACCUEIL</a>
</li>
<li><a href="javascript:void(0)">PAGES</a>
</li>
</ul>
<!-- .menu -->
<div class="clear"></div>
</nav>
</div>
</header>
照原样：
成为：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
HTML图片和标题对齐问题
- 2
CSS修复Button和图片的对齐方式
- 3
CSS 中段落和标题的对齐方式
- 4
将图片与CSS对齐
- 5
CSS文字对齐和格式设置问题
- 6
对齐和重叠问题（Skeleton.css）
- 7
垂直和水平对齐的CSS问题
- 8
CSS垂直和水平对齐问题
- 9
图片库对齐问题
- 10
导航栏标题对齐问题
- 11
在 HTML 和 CSS 中，图像左对齐，文本和标题右对齐
- 12
图片作为页面标题未与标题按钮垂直对齐
- 13
包含图片和标题（作为图片）的Divs
- 14
CSS：图片标题的高度固定
- 15
CSS图片重叠问题
- 16
CSS将UL与标题对齐
- 17
将标题/标题与文本 HTML、CSS 对齐
- 18
CSS DIV对齐问题
- 19
CSS控件对齐问题
- 20
如何对齐图像和标题
- 21
引导中文本框和按钮的CSS对齐问题
- 22
对齐和嵌套div（CSS布局出现问题）
- 23
对齐HTML和CSS元素时遇到问题
- 24
CSS垂直对齐和内联块问题
- 25
CSS 水平条和 div 边框未对齐的问题
- 26
CSS 表格单元格和 Bootstrap 的奇怪对齐问题
- 27
我遇到了与对齐，内联块，图片和字体有关的问题
- 28
字体和对齐问题
- 29
HTML和CSS标题栏布局问题
我来说两句