Question

我的HTML：

var URL = require('url');
io.on('connection', function(socket) {
    var user = socket.request.user;
    var path = URL.parse(socket.request.headers.referer).path;
    // user is on -> path
});

和CSS：

<div id="headerDiv">
    <div id="titleDiv">
        <p id= "titleText">Title</p>
    </div>
    <ul id="navUL">
        <li>Home</li>
        <li>Browse</li>
        <li>Statistics</li>
        <li>Calculator</li>
        <li>Blaster</li>
    </ul>
</div>

我希望我的标题固定在页面顶部，标题和导航将在标题中居中，但在我的生命中不能让这些元素居中，而无需手动设置边距。我尝试过将text-align：center应用于父div和子节点，margin：auto，margin：auto 0，什么都没有。

有人能告诉我哪里出错了？

先谢谢你。

Answer 1

一些事情......

1）您目前还有一个额外的＆＃39; l＆＃39;在你的CSS属性中，即function export_data % Get plotted data and set store them into a variable % the vaaible can be either a "cellarray" or an array of "struct" % The data of each line plotted are stored in the "xdata" and "ydata" % property of each "children" of the axis p_h=get(gca,'children'); n_plot=length(p_h); % Loop through the children to retreive the data for i=1:n_plot cb_id=get(p_h(i),'userdata'); x_data=get(p_h(i),'xdata'); y_data=get(p_h(i),'ydata'); % Create the cellarray "exported_data_cell_array" exported_data_cell_array{cb_id}=[x_data;y_data]; % Create the struct "exported_data_struct" exported_data_struct(cb_id).checkbox_id=cb_id; exported_data_struct(cb_id).x_data=y_data; exported_data_struct(cb_id).y_data=y_data; end % Store the extractged data into th e figure_data figure_data=get(gcf,'userdata'); figure_data.exported_data_cell_array=exported_data_cell_array; figure_data.exported_data_struct=exported_data_struct; set(gcf,'userdata',figure_data);

2）text-allign: center;的宽度不应超过100％

3）标题需要添加颜色等等

#headerDiv

总结一下......用这个替换你的CSS ......

#titleText{
    color:white
}

Answer 2

导航栏旁边的标题是链接还是高于它们？此外，您需要将标题设置为白色才能看到它...为什么您使用200％的标题宽度？ navUL中的边界点是什么？看看我的代码

＆＃13;

#headerDiv {
    position: fixed;
    width:100%;
    background-color:black;
    text-align: center;
}

#titleDiv {
    width: auto;
    color:#FFF;
}

#navUL {
    list-style-type:none;
    margin: 0 auto;
    padding:0;
    width:100%;
}

#navUL li {
    padding: .2em 1em;
    color: #fff;
    background-color: #036;
    display:inline-block;
    text-align:center;
}

＆＃13;

<div id="headerDiv">
    <div id="titleDiv">
        <p id= "titleText">Title</p>
    </div>
    <ul id="navUL">
        <li>Home</li>
        <li>Browse</li>
        <li>Statistics</li>
        <li>Calculator</li>
        <li>Blaster</li>
    </ul>
</div>

＆＃13;

CSS：如何将我的标题和导航置于页面顶部？

2 个答案: