Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当屏幕变小,内容占用更多空间时,如何将段落向顶部展开_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 当屏幕变小,内容占用更多空间时,如何将段落向顶部展开

Html 当屏幕变小,内容占用更多空间时,如何将段落向顶部展开,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在使用TwitterBootstrap开发ASP.NETMVC3应用程序,但我认为使用纯CSS解决这个问题的可能性更大,仍然欢迎使用bootstrap解决方案 在我的示例中,我的垂直菜单中有几个链接,它们是3。每个菜单都有 width: 100%; min-width: 40px; 菜单位于内,每个段落都用div包装,并带有: width: 30%; 这是我的名片。问题是,随着屏幕越来越小,或者只是调整菜单的大小,菜单正在向底部扩展,但在我的实际设计中,扩展是可以接受的,甚至是可取

我正在使用TwitterBootstrap开发ASP.NETMVC3应用程序,但我认为使用纯CSS解决这个问题的可能性更大,仍然欢迎使用bootstrap解决方案

在我的示例中,我的垂直菜单中有几个链接,它们是3。每个菜单都有

 width: 100%;
 min-width: 40px;
菜单位于内,每个段落都用div包装,并带有:

 width: 30%;

这是我的名片。问题是,随着屏幕越来越小,或者只是调整菜单的大小,菜单正在向底部扩展,但在我的实际设计中,扩展是可以接受的,甚至是可取的,但我希望这种情况发生在页面顶部,以便所有菜单的底线保持在同一水平上。我怎样才能做到这一点呢?

我想你可能需要给它一个高度,因为你只有宽度——浏览器只检查X轴!试一试,身高:xx%

你能解释清楚吗?“我想我有你的解决方案,但我有点困惑。”DanielPanic打开Fiddle链接,开始缩小输出屏幕。当你这样做的时候,你会注意到中间的菜单——文本最长的菜单——正在增加它的高度,因为没有地方放整个文本。我想要的是改变高度变化发生的方向。不向底部移动,使顶部边框保持在同一级别,相反,我希望菜单向顶部移动,使所有菜单的底部边框保持在同一级别。现在,中间的菜单边框比其他两个更低。我希望它更高!这有意义吗?你能说得更具体一点吗。给什么高度?具体多少钱?此外,还有一个链接指向Fiddle示例,也许你可以尝试一下你的建议,看看它是否有效,然后再发布答案。。